[data-theme=pleine-aurore],[data-theme=pleine-aurore] *,[data-theme=pleine-aurore][data-mode=light],[data-theme=pleine-aurore][data-mode=light] *,body:has([data-theme=pleine-aurore]){--paper-0:var(--v2-bg,#f8f7fb);--paper-1:var(--v2-card,#ffffff);--paper-2:var(--v2-card-2,#fdfcff);--paper-3:var(--v2-lav,#f0edfb);--paper-4:var(--v2-lav,#f0edfb);--txt-1:var(--v2-ink,#0d0c12);--txt-2:var(--v2-ink-2,rgba(13,12,18,0.58));--txt-3:var(--v2-ink-3,rgba(13,12,18,0.42));--txt-4:var(--v2-ink-3,rgba(13,12,18,0.42));--line:var(--v2-line,rgba(13,12,18,0.07));--line-2:var(--v2-line-2,rgba(13,12,18,0.14));--line-3:var(--v2-line-2,rgba(13,12,18,0.14));--uv:var(--v2-iris,#7c5cff);--uv-bright:var(--v2-mag,#c44bff);--uv-deep:#5b3ff0;--uv-soft:var(--v2-lav,#f0edfb);--uv-ring:rgba(124,92,255,0.30);--uv-glow:0 0 32px -4px rgba(124,92,255,0.42);--gold:var(--v2-gold,#d9a93e);--gold-bright:#f0c869;--gold-deep:var(--v2-gold-ink,#9a7414);--gold-soft:var(--v2-gold-soft,#fbf3dd);--gold-ring:rgba(217,169,62,0.30);--gold-glow:0 0 28px rgba(217,169,62,0.30);--accent:var(--v2-iris,#7c5cff);--accent-ring:rgba(124,92,255,0.30);--ink-accent:var(--v2-iris,#7c5cff);--font-display:var(--v2-sans,var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif);--font-sans:var(--v2-sans,var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif);--font-body:var(--v2-sans,var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif);--font-mono:var(--v2-mono,var(--font-jetbrains-mono),"JetBrains Mono",monospace)}[data-theme=pleine-aurore][data-mode=dark],[data-theme=pleine-aurore][data-mode=dark] *,[data-theme=pleine-aurore][data-mode=nocturne],[data-theme=pleine-aurore][data-mode=nocturne] *,body:has([data-theme=pleine-aurore][data-mode=dark]),body:has([data-theme=pleine-aurore][data-mode=nocturne]),html.dark [data-theme=pleine-aurore],html.dark [data-theme=pleine-aurore] *,html.dark body:has([data-theme=pleine-aurore]),html.nocturne [data-theme=pleine-aurore],html.nocturne [data-theme=pleine-aurore] *,html.nocturne body:has([data-theme=pleine-aurore]){--paper-0:var(--v2-bg,#0b0a10);--paper-1:var(--v2-card,#16141f);--paper-2:var(--v2-card-2,#1b1827);--paper-3:#221f30;--paper-4:#2a2638;--txt-1:var(--v2-ink,#f2f0f7);--txt-2:var(--v2-ink-2,rgba(242,240,247,0.62));--txt-3:var(--v2-ink-3,rgba(242,240,247,0.42));--txt-4:var(--v2-ink-3,rgba(242,240,247,0.42));--line:var(--v2-line,rgba(255,255,255,0.08));--line-2:var(--v2-line-2,rgba(255,255,255,0.16));--line-3:var(--v2-line-2,rgba(255,255,255,0.16));--uv:#8e7bff;--uv-bright:#b3a1ff;--uv-deep:#6f5cf0;--uv-soft:var(--v2-lav,rgba(124,92,255,0.16));--uv-ring:rgba(142,123,255,0.55);--uv-glow:0 0 44px -4px rgba(142,123,255,0.58);--gold:var(--v2-gold,#e8bc5c);--gold-bright:#f5d78a;--gold-deep:var(--v2-gold-ink,#e8bc5c);--gold-soft:var(--v2-gold-soft,rgba(232,188,92,0.14));--gold-ring:rgba(232,188,92,0.40);--gold-glow:0 0 28px rgba(232,188,92,0.55);--accent:#8e7bff;--accent-ring:rgba(142,123,255,0.55);--ink-accent:#8e7bff;--font-display:var(--v2-sans,var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif);--font-sans:var(--v2-sans,var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif);--font-body:var(--v2-sans,var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif);--font-mono:var(--v2-mono,var(--font-jetbrains-mono),"JetBrains Mono",monospace)}[data-v2]{--v2-bg:#f8f7fb;--v2-card:#ffffff;--v2-card-2:#fdfcff;--v2-glass:rgba(255,255,255,0.78);--v2-ink:#0d0c12;--v2-ink-2:rgba(13,12,18,0.58);--v2-ink-3:rgba(13,12,18,0.42);--v2-ink-inverse:#ffffff;--v2-line:rgba(13,12,18,0.07);--v2-line-2:rgba(13,12,18,0.14);--v2-iris:#7c5cff;--v2-mag:#c44bff;--v2-rose:#ff5fa8;--v2-grad:linear-gradient(120deg,var(--v2-iris),var(--v2-rose));--v2-grad-3:linear-gradient(120deg,var(--v2-iris),var(--v2-mag),var(--v2-rose));--v2-grad-shadow:0 8px 22px -8px rgba(196,75,255,0.55);--v2-volt:#3fbd2c;--v2-volt-soft:#eaf9e6;--v2-volt-ink:#1f7a12;--v2-volt-glow:none;--v2-gold:#d9a93e;--v2-gold-soft:#fbf3dd;--v2-gold-ink:#9a7414;--v2-lav:#f0edfb;--v2-lav-ink:#6b47d6;--v2-amber:#e8a23c;--v2-amber-soft:#fcf3e2;--v2-amber-ink:#b45309;--v2-danger:#b91c1c;--v2-danger-soft:#fef2f2;--v2-sh:0 14px 40px -26px rgba(13,12,18,0.16);--v2-sh-panel:-30px 0 90px -30px rgba(13,12,18,0.35);--v2-sans:var(--font-schibsted),var(--font-geist-sans),system-ui,sans-serif;--v2-mono:var(--font-jetbrains-mono),"JetBrains Mono",monospace;--v2-r-card:22px;--v2-r-hero:24px;--v2-r-pill:999px;--v2-dur:180ms;--v2-dur-slow:320ms;--v2-ease:cubic-bezier(0.22,1,0.36,1);--v2-ring:0 0 0 2px var(--v2-bg),0 0 0 4px rgba(124,92,255,0.55);--v2-chrome-bottom:92px;font-family:var(--v2-sans);color:var(--v2-ink)}[data-v2][data-v2-mode=sombre]{--v2-bg:#0b0a10;--v2-card:#16141f;--v2-card-2:#1b1827;--v2-glass:rgba(22,20,32,0.62);--v2-ink:#f2f0f7;--v2-ink-2:rgba(242,240,247,0.62);--v2-ink-3:rgba(242,240,247,0.42);--v2-ink-inverse:#0d0c12;--v2-line:rgba(255,255,255,0.08);--v2-line-2:rgba(255,255,255,0.16);--v2-grad-shadow:0 8px 26px -8px rgba(196,75,255,0.65);--v2-volt:#66ff4c;--v2-volt-soft:rgba(102,255,76,0.12);--v2-volt-ink:#9bfa87;--v2-volt-glow:0 0 12px rgba(102,255,76,0.45);--v2-gold:#e8bc5c;--v2-gold-soft:rgba(232,188,92,0.14);--v2-gold-ink:#e8bc5c;--v2-lav:rgba(124,92,255,0.16);--v2-lav-ink:#b3a1ff;--v2-amber:#f0b95a;--v2-amber-soft:rgba(232,162,60,0.16);--v2-amber-ink:#f0b95a;--v2-danger:#f87171;--v2-danger-soft:rgba(248,113,113,0.12);--v2-sh:0 14px 40px -26px rgba(0,0,0,0.6);--v2-sh-panel:-30px 0 90px -30px rgba(0,0,0,0.7);--v2-ring:0 0 0 2px var(--v2-bg),0 0 0 4px rgba(142,123,255,0.6)}--txt-*/--line/--uv/--gold/--font-*:on les fait pointer sur les valeurs V2 pour cohérence visuelle immédiate. */[data-v2],[data-v2] * { --paper-0:var(--v2-bg); --paper-1:var(--v2-card); --paper-2:var(--v2-card-2); --txt-1:var(--v2-ink); --txt-2:var(--v2-ink-2); --txt-3:var(--v2-ink-3); --line:var(--v2-line); --line-2:var(--v2-line-2); --uv:var(--v2-iris); --gold:var(--v2-gold); --font-sans:var(--v2-sans); --font-display:var(--v2-sans); --font-mono:var(--v2-mono); --live-pulse:var(--v2-volt); --live-pulse-bg:var(--v2-volt-soft); --live-pulse-glow:var(--v2-volt-glow); } .v2-surface { background:var(--v2-bg); color:var(--v2-ink); font-family:var(--v2-sans); min-height:100%; } .v2-surface[data-halo="true"] { background-image:radial-gradient(ellipse 50% 38% at 90% -5%,rgba(124,92,255,0.09),transparent 60%); } [data-v2-mode="sombre"] .v2-surface[data-halo="true"] { background-image:radial-gradient(ellipse 50% 40% at 40% 0%,rgba(124,92,255,0.22),transparent 60%); } [data-v2]:is(a,button,input,[role="button"],[tabindex]):focus-visible { outline:none; box-shadow:var(--v2-ring); border-radius:10px; } .v2-rail { position:fixed; left:0; top:0; bottom:0; width:76px; display:flex; flex-direction:column; align-items:center; padding:22px 0; gap:6px; border-right:1px solid var(--v2-line); background:var(--v2-glass); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); z-index:40; } .v2-rail-logo { width:38px; height:38px; border-radius:12px; background:var(--v2-ink); color:var(--v2-volt-ink); display:grid; place-items:center; font-weight:800; font-size:19px; margin-bottom:22px; flex:none; } [data-v2-mode="sombre"] .v2-rail-logo { background:linear-gradient(135deg,#1d1930,#110e1d); border:1px solid var(--v2-line); color:var(--v2-volt); } .v2-rail-item { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; color:var(--v2-ink-3); background:transparent; border:none; cursor:pointer; transition:color var(--v2-dur) var(--v2-ease),background-color var(--v2-dur) var(--v2-ease); } .v2-rail-item:hover { color:var(--v2-ink-2); background:color-mix(in srgb,var(--v2-ink) 5%,transparent); } .v2-rail-item[data-active="true"] { color:#fff; background:linear-gradient(135deg,var(--v2-iris),var(--v2-rose)); box-shadow:var(--v2-grad-shadow); } .v2-rail-item svg { width:21px; height:21px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } .v2-rail-spacer { flex:1; } .v2-rail-badge { position:absolute; top:9px; right:9px; width:8px; height:8px; border-radius:50%; background:var(--v2-rose); pointer-events:none; } .v2-chapters { position:sticky; top:0; display:flex; align-items:center; gap:2px; background:color-mix(in srgb,var(--v2-bg) 92%,transparent); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); padding:13px 2px 12px; margin:4px 0 16px; border-bottom:1px solid var(--v2-line); z-index:30; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .v2-chapters::-webkit-scrollbar { display:none; } .v2-chapter { font-family:var(--v2-sans); font-size:12.5px; font-weight:600; color:var(--v2-ink-2); padding:7px 15px; border-radius:var(--v2-r-pill); cursor:pointer; position:relative; background:transparent; border:none; flex:none; white-space:nowrap; transition:color var(--v2-dur) var(--v2-ease),background-color var(--v2-dur) var(--v2-ease); } .v2-chapter:hover { color:var(--v2-ink); } .v2-chapter[data-active="true"] { color:var(--v2-ink-inverse); background:var(--v2-ink); } .v2-chapter[data-active="true"]::after { content:""; position:absolute; left:14px; right:14px; bottom:-13px; height:2px; border-radius:2px; background:var(--v2-grad); } .v2-chapter-count { font-family:var(--v2-mono); font-size:8px; color:var(--v2-ink-3); margin-left:5px; vertical-align:2px; } .v2-chapter[data-active="true"] .v2-chapter-count { color:color-mix(in srgb,var(--v2-ink-inverse) 60%,transparent); } .v2-chapter-settings { margin-left:auto; border:1px solid var(--v2-line); background:var(--v2-card); color:var(--v2-ink-2); } .v2-chapter-kbd { font-family:var(--v2-mono); font-size:9px; color:var(--v2-ink-3); margin-left:6px; } @media (max-width:480px) { .v2-chapter { padding:7px 11px; font-size:12px; } .v2-chapter-kbd,.v2-chapter-count { display:none; } } .v2-veil { position:fixed; inset:0; background:rgba(11,10,16,0.35); z-index:49; } .v2-side-panel { position:fixed; right:14px; top:14px; bottom:14px; width:min(430px,calc(100vw - 28px)); background:var(--v2-bg); color:var(--v2-ink); font-family:var(--v2-sans); border-radius:var(--v2-r-hero); box-shadow:var(--v2-sh-panel); display:flex; flex-direction:column; overflow:hidden; z-index:50; } .v2-side-panel-header { display:flex; align-items:center; gap:10px; padding:20px 22px 14px; } .v2-side-panel-header h2 { font-size:19px; font-weight:700; letter-spacing:-0.025em; } .v2-side-panel-count { font-family:var(--v2-mono); font-size:9px; color:#fff; background:var(--v2-grad); border-radius:var(--v2-r-pill); padding:3.5px 9px; } .v2-side-panel-close { margin-left:auto; width:30px; height:30px; border-radius:50%; border:1px solid var(--v2-line); background:var(--v2-card); display:grid; place-items:center; color:var(--v2-ink-2); font-size:12px; cursor:pointer; } .v2-side-panel-body { flex:1; overflow:auto; padding:14px 18px 18px; } .v2-side-panel-footer { border-top:1px solid var(--v2-line); padding:12px 22px; font-size:11px; color:var(--v2-ink-3); } .v2-group-label { font-family:var(--v2-mono); font-size:8.5px; letter-spacing:0.13em; text-transform:uppercase; color:var(--v2-ink-3); padding:8px 6px 7px; } .v2nt-tabs { display:flex; gap:4px; padding:0 2px 13px; margin-bottom:4px; border-bottom:1px solid var(--v2-line); flex-wrap:wrap; } .v2nt-tabs button { font-family:var(--v2-sans); font-size:11.5px; font-weight:630; color:var(--v2-ink-2); padding:6px 13px; border-radius:var(--v2-r-pill); border:none; background:transparent; cursor:pointer; transition:color var(--v2-dur) var(--v2-ease),background-color var(--v2-dur) var(--v2-ease); } .v2nt-tabs button:hover { color:var(--v2-ink); } .v2nt-tabs button[data-active="true"] { background:var(--v2-ink); color:var(--v2-ink-inverse); } .v2nt-item { display:flex; gap:11px; background:var(--v2-card); border:1px solid var(--v2-line); border-radius:16px; padding:13px 14px; margin-bottom:9px; font-size:12.5px; line-height:1.45; align-items:flex-start; } .v2nt-item[data-tone="appr"] { border-color:color-mix(in srgb,var(--v2-iris) 30%,transparent); background:var(--v2-card-2); } .v2nt-item[data-tone="gold"] { border-color:color-mix(in srgb,var(--v2-gold) 40%,transparent); background:color-mix(in srgb,var(--v2-gold-soft) 60%,var(--v2-card)); } .v2nt-item img { width:32px; height:32px; border-radius:50%; object-fit:cover; flex:none; } .v2nt-ic { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; font-size:14px; flex:none; background:var(--v2-lav); color:var(--v2-ink-2); } .v2nt-item[data-tone="gold"] .v2nt-ic { background:var(--v2-gold-soft); color:var(--v2-gold-ink); } .v2nt-item[data-tone="appr"] .v2nt-ic { background:var(--v2-lav); color:var(--v2-lav-ink); } .v2nt-d { flex:1; min-width:0; } .v2nt-d b { font-weight:670; } .v2nt-t { font-family:var(--v2-mono); font-size:8px; letter-spacing:0.05em; color:var(--v2-ink-3); display:block; margin-top:4px; } .v2nt-acts { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; } .v2nt-unread { width:7px; height:7px; border-radius:50%; background:var(--v2-rose); flex:none; margin-top:6px; } .v2-cortex-bar { position:fixed; left:106px; right:30px; bottom:18px; display:flex; align-items:center; gap:12px; background:var(--v2-glass); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-radius:var(--v2-r-pill); padding:11px 11px 11px 20px; border:1.5px solid transparent; background-clip:padding-box; box-shadow:0 18px 50px -20px rgba(124,92,255,0.35),inset 0 0 0 1.5px rgba(124,92,255,0.25); z-index:35; } @media (max-width:640px) { .v2-cortex-bar { left:12px; right:12px; bottom:calc(56px + 12px); } } .v2-cortex-orb { width:24px; height:24px; border-radius:50%; background:conic-gradient(from 0deg,var(--v2-iris),var(--v2-mag),var(--v2-rose),var(--v2-iris)); flex:none; box-shadow:0 0 16px rgba(196,75,255,0.5); } .v2-cortex-input { flex:1; min-width:0; font-family:var(--v2-sans); font-size:12.5px; color:var(--v2-ink); background:transparent; border:none; } .v2-cortex-input::placeholder { color:var(--v2-ink-2); } .v2-cortex-input:focus { outline:none; } .v2-cortex-bar:focus-within { box-shadow:0 18px 50px -20px rgba(124,92,255,0.45),inset 0 0 0 1.5px rgba(124,92,255,0.55); } .v2-cortex-send { width:34px; height:34px; flex:none; border-radius:50%; background:var(--v2-grad); display:grid; place-items:center; color:#fff; font-size:14px; border:none; cursor:pointer; } .v2-passport { display:flex; gap:20px; align-items:center; background:var(--v2-card); border:1px solid var(--v2-line); border-radius:var(--v2-r-hero); padding:20px 26px; position:relative; overflow:hidden; box-shadow:var(--v2-sh); } .v2-passport-gold-thread { position:absolute; inset:0; border-radius:var(--v2-r-hero); border:1.5px solid transparent; background:linear-gradient(120deg,transparent 30%,rgba(217,169,62,0.5) 50%,transparent 70%) border-box; -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; } .v2-passport-avatar { width:74px; height:74px; border-radius:50%; flex:none; position:relative; } .v2-passport-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; } .v2-passport-avatar::after { content:""; position:absolute; inset:-6px; border-radius:50%; border:2px solid color-mix(in srgb,var(--v2-volt) 45%,transparent); } .v2-passport-avatar[data-status="offline"]::after { border-color:var(--v2-line-2); } .v2-passport-status-dot { position:absolute; right:0; bottom:0; width:18px; height:18px; border-radius:50%; background:var(--v2-volt); border:3px solid var(--v2-card); box-shadow:var(--v2-volt-glow); z-index:1; } .v2-passport-avatar[data-status="offline"] .v2-passport-status-dot { background:var(--v2-ink-3); box-shadow:none; } .v2-passport h1 { font-size:28px; font-weight:750; letter-spacing:-0.035em; line-height:1; } .v2-passport-role { font-size:13px; color:var(--v2-ink-2); margin-top:4px; } .v2-passport-tags { display:flex; gap:6px; margin-top:9px; flex-wrap:wrap; } .v2-passport-stats { margin-left:auto; display:flex; gap:34px; text-align:right; } .v2-passport-stat b { font-family:var(--v2-mono); font-weight:300; font-size:24px; letter-spacing:-0.03em; display:block; font-variant-numeric:tabular-nums; } .v2-passport-stat[data-tone="volt"] b { color:var(--v2-volt-ink); } .v2-passport-stat span { font-size:10.5px; color:var(--v2-ink-3); } @media (max-width:860px) { .v2-passport { flex-wrap:wrap; } .v2-passport-stats { margin-left:0; width:100%; text-align:left; gap:24px; } } .v2-stat-chip { font-family:var(--v2-mono); font-size:8.5px; letter-spacing:0.08em; text-transform:uppercase; padding:3.5px 9px; border-radius:var(--v2-r-pill); background:var(--v2-lav); color:var(--v2-lav-ink); display:inline-flex; align-items:center; gap:4px; } .v2-stat-chip[data-tone="gold"] { background:var(--v2-gold-soft); color:var(--v2-gold-ink); } .v2-stat-chip[data-tone="live"] { background:var(--v2-volt-soft); color:var(--v2-volt-ink); } .v2-stat-chip[data-tone="alert"] { background:var(--v2-amber-soft); color:var(--v2-amber-ink); } .v2-label { font-family:var(--v2-mono); font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:var(--v2-ink-3); } .v2-label::before { content:"["; } .v2-label::after { content:"]"; } .v2-action-line { display:flex; align-items:center; gap:10px; font-size:11.5px; color:var(--v2-ink-2); padding:6px 0; } .v2-action-line::before,.v2-action-line::after { content:""; flex:1; height:1px; background:var(--v2-line); } .v2-action-line b { font-weight:650; color:var(--v2-ink); } .v2-action-line [data-eur] { color:var(--v2-volt-ink); font-weight:650; font-variant-numeric:tabular-nums; } .v2-proof-chip { font-family:var(--v2-mono); font-size:8.5px; letter-spacing:0.07em; text-transform:uppercase; color:var(--v2-ink-2); border:1px solid var(--v2-line); border-radius:var(--v2-r-pill); padding:3px 9px; background:var(--v2-bg); display:inline-flex; align-items:center; gap:4px; text-decoration:none; cursor:pointer; transition:border-color var(--v2-dur) var(--v2-ease); } .v2-proof-chip:hover { border-color:var(--v2-line-2); color:var(--v2-ink); } .v2-rule { display:flex; align-items:center; gap:11px; padding:11px 0; border-top:1px solid var(--v2-line); font-size:12.5px; } .v2-rule:first-of-type { border-top:none; padding-top:0; } .v2-rule-text { flex:1; } .v2-rule-text b { display:block; font-weight:650; } .v2-rule-text span { font-size:10.5px; color:var(--v2-ink-2); } .v2-limit { font-family:var(--v2-mono); font-size:10px; font-weight:600; background:var(--v2-bg); border:1px solid var(--v2-line); border-radius:var(--v2-r-pill); padding:4px 10px; flex:none; font-variant-numeric:tabular-nums; } .v2-toggle { width:40px; height:23px; border-radius:var(--v2-r-pill); background:var(--v2-volt); position:relative; flex:none; border:none; cursor:pointer; transition:background-color var(--v2-dur) var(--v2-ease); } .v2-toggle::after { content:""; position:absolute; right:3px; top:3px; width:17px; height:17px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(13,12,18,0.2); transition:transform var(--v2-dur) var(--v2-ease); } .v2-toggle[aria-checked="false"] { background:var(--v2-line-2); } .v2-toggle[aria-checked="false"]::after { transform:translateX(-17px); } .v2-card { background:var(--v2-card); border:1px solid var(--v2-line); border-radius:var(--v2-r-card); padding:20px 22px; box-shadow:var(--v2-sh); } .v2-card h3 { font-size:14px; font-weight:700; letter-spacing:-0.012em; display:flex; align-items:baseline; gap:8px; margin-bottom:14px; } .v2-cta-grad { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:680; color:#fff; background:var(--v2-grad); border-radius:var(--v2-r-pill); padding:7px 14px; border:none; cursor:pointer; box-shadow:0 7px 18px -7px rgba(196,75,255,0.5); } .v2-btn-ink { font-size:10.5px; font-weight:680; border-radius:var(--v2-r-pill); padding:5.5px 12px; background:var(--v2-ink); color:var(--v2-ink-inverse); border:1px solid var(--v2-ink); cursor:pointer; } .v2-btn-ghost { font-size:10.5px; font-weight:680; border-radius:var(--v2-r-pill); padding:5.5px 12px; border:1px solid var(--v2-line); background:var(--v2-bg); color:var(--v2-ink-2); cursor:pointer; } .v2-shell { min-height:100vh; } .v2-shell-main { padding-left:76px; padding-bottom:var(--v2-chrome-bottom); min-height:100vh; display:flex; flex-direction:column; } @media (max-width:640px) { [data-v2] { --v2-chrome-bottom:148px; } .v2-rail { flex-direction:row; top:auto; right:0; bottom:0; left:0; width:auto; height:56px; padding:0 12px; gap:4px; align-items:center; border-right:none; border-top:1px solid var(--v2-line); overflow-x:auto; overflow-y:hidden; } .v2-rail-logo { margin-bottom:0; margin-right:4px; width:32px; height:32px; font-size:16px; flex:none; } .v2-rail-item { width:42px; height:42px; flex:none; } .v2-rail-spacer { flex:1; min-width:8px; } .v2-shell-main { padding-left:0; padding-bottom:var(--v2-chrome-bottom); } } @media (prefers-reduced-motion:reduce) { [data-v2] *,[data-v2] *::before,[data-v2] *::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; } } .billing { position:absolute; inset:0; overflow-y:auto; height:100%; background:var(--paper-0); z-index:1; } .plat { position:absolute; inset:0; overflow-y:auto; } .view.rev { position:absolute; inset:0; overflow-y:auto; height:100%; background:var(--paper-0); z-index:1; } .view.wf { display:flex; flex-direction:column; } .view.ai-studio { padding:0; display:flex; flex-direction:column; } .dm-hero { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:24px; } @media (max-width:880px) { .dm-hero { grid-template-columns:1fr; } } .dm-card { position:relative; padding:24px 26px; background:var(--paper-1); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-xl,16px); overflow:hidden; } .dm-card.actions::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,var(--uv-soft,rgba(124,108,255,0.08)) 0%,transparent 60%); opacity:0.55; pointer-events:none; } .dm-card.credits::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,var(--gold-soft,rgba(212,183,130,0.1)) 0%,transparent 60%); opacity:0.55; pointer-events:none; } .dm-card-head { position:relative; display:flex; align-items:center; gap:10px; margin-bottom:14px; } .dm-card-ic { width:36px; height:36px; border-radius:var(--r-m,8px); background:var(--uv-soft,rgba(124,108,255,0.08)); color:var(--uv,#7C6CFF); display:grid; place-items:center; } .dm-card.credits .dm-card-ic { background:linear-gradient(135deg,var(--gold-bright,#F0D17A),var(--gold-deep,#8B6520)); color:white; box-shadow:0 4px 12px -2px var(--gold-ring,rgba(212,183,130,0.35)); } .dm-card-t { font-family:var(--font-display); font-size:18px; font-weight:400; letter-spacing:-0.018em; color:var(--txt-1); } .dm-card-t em { font-family:var(--font-italic,var(--font-display)); font-style:italic; color:var(--txt-3); } .dm-card-help { margin-left:auto; font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:11.5px; color:var(--txt-3); cursor:help; padding:2px 8px; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r-full,9999px); } .dm-card-help:hover { color:var(--uv,#7C6CFF); border-color:var(--uv-ring,rgba(124,108,255,0.3)); } .dm-progress-row { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; position:relative; } .dm-value { font-family:var(--font-display); font-size:42px; font-weight:400; letter-spacing:-0.028em; color:var(--txt-1); line-height:1; font-variant-numeric:tabular-nums; } .dm-card.actions .dm-value { color:var(--uv,#7C6CFF); } .dm-card.credits .dm-value { background:linear-gradient(135deg,var(--gold-bright,#F0D17A),var(--gold-deep,#8B6520)); -webkit-background-clip:text; background-clip:text; color:transparent; } .dm-value .of { font-family:var(--font-italic,var(--font-display)); font-style:italic; font-size:17px; color:var(--txt-3); margin-left:6px; font-weight:400; } .dm-pct { font-family:var(--font-mono); font-size:16px; color:var(--txt-2); font-weight:600; font-variant-numeric:tabular-nums; } .dm-bar { height:10px; background:var(--paper-2); border-radius:5px; overflow:hidden; border:1px solid var(--line); position:relative; margin-bottom:12px; } .dm-bar-fill { height:100%; border-radius:4px; } .dm-card.actions .dm-bar-fill { background:linear-gradient(90deg,var(--uv-deep,#4B3ECC),var(--uv-bright,#9B91FF)); box-shadow:0 0 8px var(--uv-ring,rgba(124,108,255,0.3)); } .dm-card.credits .dm-bar-fill { background:linear-gradient(90deg,var(--gold-deep,#8B6520),var(--gold-bright,#F0D17A)); box-shadow:0 0 8px var(--gold-ring,rgba(212,183,130,0.35)); } .dm-bar-fill.warn { background:linear-gradient(90deg,var(--warn,#F5B945),#FFB74D); } .dm-bar-fill.crit { background:linear-gradient(90deg,var(--error,#C0392B),#FF8B7B); } .dm-meta { display:flex; justify-content:space-between; font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:13px; color:var(--txt-3); } .dm-meta strong { font-family:var(--font-display); font-style:normal; font-weight:500; color:var(--txt-1); } .bill-mini { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-l,12px); overflow:hidden; margin-bottom:24px; } @media (max-width:720px) { .bill-mini { grid-template-columns:repeat(2,1fr); } } .bill-mini-cell { padding:16px 20px; background:var(--paper-1); } .bill-mini-l { font-family:var(--font-mono); font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--txt-3); font-weight:500; } .bill-mini-v { font-family:var(--font-display); font-size:24px; font-weight:400; letter-spacing:-0.022em; color:var(--txt-1); margin-top:6px; line-height:1.05; font-variant-numeric:tabular-nums; } .bill-mini-v.uv { color:var(--uv,#7C6CFF); } .bill-mini-v.gold { background:linear-gradient(135deg,var(--gold-bright,#F0D17A),var(--gold-deep,#8B6520)); -webkit-background-clip:text; background-clip:text; color:transparent; } .bill-mini-d { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:12px; color:var(--txt-3); margin-top:3px; } .bill-section-h { font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--txt-3); font-weight:600; margin:28px 0 14px; display:flex; align-items:baseline; justify-content:space-between; } .bill-section-h .help { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:13px; letter-spacing:-0.005em; text-transform:none; color:var(--txt-3); font-weight:400; } .action-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto 80px auto; gap:14px; padding:12px 0; align-items:center; border-bottom:1px solid var(--line); } .action-row:last-child { border-bottom:0; } .action-mini { width:32px; height:32px; border-radius:50%; } .action-mini.strategic { background:radial-gradient(circle at 30% 30%,#F5D78A,#8B6E3F 70%); } .action-mini.sales { background:radial-gradient(circle at 30% 30%,#FFAFD9,#C13D8C 70%); } .action-mini.support { background:radial-gradient(circle at 30% 30%,#9DBDFF,#2D5BFF 70%); } .action-mini.ops { background:radial-gradient(circle at 30% 30%,#86F5C3,#16D69A 70%); } .action-name { font-family:var(--font-display); font-size:14.5px; font-weight:500; letter-spacing:-0.012em; color:var(--txt-1); } .action-bar { width:100%; height:6px; background:var(--paper-2); border-radius:3px; overflow:hidden; border:1px solid var(--line); min-width:120px; } .action-bar-fill { height:100%; background:linear-gradient(90deg,var(--uv-deep,#4B3ECC),var(--uv-bright,#9B91FF)); border-radius:2px; } .action-val { font-family:var(--font-mono); font-size:13px; color:var(--txt-1); font-weight:600; font-variant-numeric:tabular-nums; text-align:right; } .action-cost { font-family:var(--font-mono); font-size:12px; color:var(--gold-deep,#8B6520); font-weight:600; text-align:right; font-variant-numeric:tabular-nums; } [data-mode="dark"] .action-cost { color:var(--gold-bright,#F0D17A); } .plans-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-bottom:24px; } .invoice-table { width:100%; border-collapse:separate; border-spacing:0; background:var(--paper-1); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-xl,16px); overflow:hidden; } .invoice-table th,.invoice-table td { padding:12px 18px; text-align:left; border-bottom:1px solid var(--line); font-size:14px; } .invoice-table tbody tr:last-child td { border-bottom:0; } .invoice-table th { font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--txt-3); font-weight:600; background:var(--paper-2); } .invoice-table tbody tr:hover { background:var(--paper-2); } .invoice-id { font-family:var(--font-mono); font-size:13px; color:var(--uv,#7C6CFF); font-weight:600; } .invoice-period { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:13.5px; color:var(--txt-2); } .invoice-amt { font-family:var(--font-display); font-size:16px; font-weight:400; letter-spacing:-0.015em; color:var(--txt-1); font-variant-numeric:tabular-nums; } .invoice-tax { font-family:var(--font-mono); font-size:11.5px; color:var(--txt-3); } .invoice-status { display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:var(--r-full,9999px); font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; } .invoice-status.paid { background:var(--ok-soft,rgba(22,214,154,0.1)); color:var(--ok,#16D69A); border:1px solid var(--ok-ring,rgba(22,214,154,0.3)); } .invoice-status.pending { background:var(--warn-soft,rgba(245,185,69,0.1)); color:var(--warn,#F5B945); border:1px solid var(--warn-ring,rgba(245,185,69,0.3)); } .invoice-dl { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:13px; color:var(--uv,#7C6CFF); cursor:pointer; text-decoration:none; } .invoice-dl:hover { color:var(--uv-bright,#9B91FF); } .pm-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; } .pm-card { padding:20px 22px; background:var(--paper-1); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-l,12px); position:relative; } .pm-card.default { border-color:var(--uv,#7C6CFF); background:linear-gradient(135deg,var(--uv-soft,rgba(124,108,255,0.08)),transparent 70%),var(--paper-1); } .pm-default-badge { position:absolute; top:14px; right:14px; font-family:var(--font-mono); font-size:9px; letter-spacing:0.1em; text-transform:uppercase; font-weight:600; color:var(--uv,#7C6CFF); } .pm-card-row { display:flex; align-items:center; gap:14px; } .pm-brand { width:48px; height:32px; border-radius:var(--r-s,6px); display:grid; place-items:center; font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:white; } .pm-brand.visa { background:linear-gradient(135deg,#1a4ba8,#0e2880); } .pm-brand.mastercard { background:linear-gradient(135deg,#eb001b,#f79e1b); } .pm-meta { min-width:0; } .pm-name { font-family:var(--font-display); font-size:15px; font-weight:500; letter-spacing:-0.012em; color:var(--txt-1); } .pm-mask { font-family:var(--font-mono); font-size:12px; color:var(--txt-3); margin-top:2px; } .voice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:14px; } .voice-bundle { position:relative; padding:22px 24px; background:var(--paper-1); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-xl,16px); transition:background-color 180ms,color 180ms,border-color 180ms,box-shadow 180ms,transform 180ms,opacity 180ms; } .voice-bundle.recommended { border-color:var(--gold,#D4B782); background:radial-gradient(ellipse 60% 40% at 100% 0%,var(--gold-soft,rgba(212,183,130,0.1)),transparent 60%),var(--paper-1); } .voice-bundle-name { font-family:var(--font-display); font-size:17px; font-weight:500; letter-spacing:-0.015em; color:var(--txt-1); margin-bottom:6px; } .voice-bundle-min { font-family:var(--font-display); font-size:40px; font-weight:400; letter-spacing:-0.028em; color:var(--txt-1); line-height:1; margin-bottom:4px; font-variant-numeric:tabular-nums; } .voice-bundle.recommended .voice-bundle-min { background:linear-gradient(135deg,var(--gold-bright,#F0D17A),var(--gold-deep,#8B6520)); -webkit-background-clip:text; background-clip:text; color:transparent; } .voice-bundle-min .u { font-size:16px; color:var(--txt-3); font-weight:400; margin-left:4px; } .voice-bundle-price { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:14px; color:var(--txt-2); margin-top:8px; } .voice-bundle-perm { font-family:var(--font-mono); font-size:11px; color:var(--txt-4); margin-top:4px; } .voice-bundle-cta { margin-top:16px; width:100%; padding:10px; border-radius:var(--r-m,8px); font-family:var(--font-sans); font-size:13px; font-weight:500; border:1px solid var(--line-2,var(--line)); background:transparent; color:var(--txt-2); cursor:pointer; transition:background-color 180ms,color 180ms,border-color 180ms,box-shadow 180ms,transform 180ms,opacity 180ms; } .voice-bundle.recommended .voice-bundle-cta { background:linear-gradient(135deg,var(--gold-bright,#F0D17A),var(--gold-deep,#8B6520)); color:#2A1C00; border-color:transparent; box-shadow:0 4px 12px -2px var(--gold-ring,rgba(212,183,130,0.35)); } .voice-bundle-cta:hover { transform:translateY(-1px); filter:brightness(1.05); } .outcome-list-wrap { background:var(--paper-1); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-l,12px); overflow:hidden; } .outcome-row { display:grid; grid-template-columns:28px minmax(0,1fr) 90px 90px 90px; gap:14px; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line); background:var(--paper-1); } .outcome-row:last-child { border-bottom:0; } .outcome-ic { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; } .outcome-row.credit .outcome-ic { background:var(--ok-soft,rgba(22,214,154,0.1)); color:var(--ok,#16D69A); } .outcome-row.charge .outcome-ic { background:var(--warn-soft,rgba(245,185,69,0.1)); color:var(--warn,#F5B945); } .outcome-label { font-family:var(--font-display); font-size:14px; font-weight:400; letter-spacing:-0.012em; color:var(--txt-1); } .outcome-unit { font-family:var(--font-mono); font-size:12px; color:var(--txt-3); text-align:right; } .outcome-count { font-family:var(--font-mono); font-size:13px; color:var(--txt-1); text-align:right; font-weight:600; } .outcome-total { font-family:var(--font-display); font-size:16px; font-weight:400; letter-spacing:-0.015em; text-align:right; font-variant-numeric:tabular-nums; } .outcome-row.credit .outcome-total { color:var(--ok,#16D69A); } .outcome-row.charge .outcome-total { color:var(--warn,#F5B945); } .outcome-net { padding:16px 22px; background:var(--paper-2); border-top:2px solid var(--line-3,var(--line)); display:flex; justify-content:space-between; align-items:center; } .outcome-net-l { font-family:var(--font-display); font-size:15px; letter-spacing:-0.012em; color:var(--txt-1); } .outcome-net-v { font-family:var(--font-display); font-size:22px; font-weight:400; letter-spacing:-0.022em; color:var(--ok,#16D69A); font-variant-numeric:tabular-nums; } .settings-card { background:var(--paper-1); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-xl,16px); padding:24px 28px; margin-bottom:16px; } .settings-card h3 { font-family:var(--font-display); font-size:20px; font-weight:400; letter-spacing:-0.018em; color:var(--txt-1); margin-bottom:4px; } .settings-card h3 em { font-family:var(--font-italic,var(--font-display)); font-style:italic; color:var(--uv,#7C6CFF); } .settings-card-sub { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:14px; color:var(--txt-3); margin-bottom:18px; line-height:1.5; } .settings-field { display:flex; align-items:center; gap:16px; padding:14px 0; border-bottom:1px solid var(--line); justify-content:space-between; } .settings-field:last-child { border-bottom:0; } .settings-field-label { font-family:var(--font-display); font-size:15px; font-weight:400; letter-spacing:-0.012em; color:var(--txt-1); } .settings-field-hint { font-family:var(--font-italic,var(--font-sans)); font-style:italic; font-size:12.5px; color:var(--txt-3); margin-top:2px; } .settings-field-input { padding:8px 12px; background:var(--paper-2); border:1px solid var(--line-2,var(--line)); border-radius:var(--r-m,8px); font-family:var(--font-sans); font-size:14px; color:var(--txt-1); min-width:240px; transition:background-color 180ms,color 180ms,border-color 180ms,box-shadow 180ms,transform 180ms,opacity 180ms; } .settings-field-input:focus { outline:none; border-color:var(--uv,#7C6CFF); box-shadow:0 0 0 3px var(--uv-soft,rgba(124,108,255,0.08)); } .settings-toggle { width:44px; height:24px; border-radius:12px; background:var(--paper-3); border:0; cursor:pointer; position:relative; transition:background 180ms; } .settings-toggle::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:white; box-shadow:0 1px 4px rgba(0,0,0,0.2); transition:transform 180ms; } .settings-toggle.on { background:linear-gradient(135deg,var(--uv-bright,#9B91FF),var(--uv,#7C6CFF)); } .settings-toggle.on::after { transform:translateX(20px); } html.dark [data-theme="pleine-aurore"] .cv-hero-eyebrow { color:var(--gold-bright); } html.dark [data-theme="pleine-aurore"] .cv-row-total { color:var(--gold-bright); } @media (max-width:680px) { .cv-hero-v { font-size:56px; } .sch-row { grid-template-columns:36px 1fr auto; } .sch-msg,.sch-when { display:none; } .cv-row { grid-template-columns:1fr 80px 100px; } .cv-row-unit { display:none; } } .topic-row { display:grid; grid-template-columns:minmax(0,1fr) 60px 60px 50px; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line); } .topic-row:last-child { border-bottom:0; } .topic-row .name { font-family:var(--font-display); font-size:14px; color:var(--txt-1); letter-spacing:-0.012em; } .topic-row .bar { height:6px; background:var(--paper-2); border-radius:3px; overflow:hidden; position:relative; } .topic-row .bar .fill { height:100%; background:linear-gradient(90deg,var(--uv-deep),var(--uv-bright)); border-radius:3px; box-shadow:0 0 6px var(--uv-ring); } .topic-row .count { font-family:var(--font-mono); font-size:13px; color:var(--txt-1); font-weight:600; font-variant-numeric:tabular-nums; text-align:right; } .topic-row .delta { font-family:var(--font-mono); font-size:11px; font-weight:600; text-align:right; } .topic-row .delta.up { color:var(--ok); } .topic-row .delta.down { color:var(--error); } .topic-row .delta.flat { color:var(--txt-3); } .sentiment-stack { display:flex; height:36px; border-radius:var(--r-m); overflow:hidden; border:1px solid var(--line); margin:14px 0 12px; } .sentiment-seg { position:relative; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:11px; color:white; font-weight:600; letter-spacing:0.04em; } .sentiment-seg.pos { background:linear-gradient(90deg,var(--ok),#14b384); } .sentiment-seg.neu { background:linear-gradient(90deg,var(--info),#4d7dff); } .sentiment-seg.neg { background:linear-gradient(90deg,var(--error),#b83a2e); } .sentiment-note { padding:12px 14px; background:var(--paper-2); border-left:2px solid var(--uv); border-radius:var(--r-s); font-family:var(--font-italic); font-style:italic; font-size:13.5px; line-height:1.5; color:var(--txt-2); } .sentiment-note strong { font-family:var(--font-display); font-weight:500; font-style:normal; color:var(--uv); } .comp-row { display:grid; grid-template-columns:minmax(0,1fr) 40px auto 40px; gap:10px; padding:10px 0; align-items:center; border-bottom:1px solid var(--line); } .comp-row:last-child { border-bottom:0; } .comp-name { font-family:var(--font-display); font-size:14px; color:var(--txt-1); letter-spacing:-0.012em; } .comp-count { font-family:var(--font-mono); font-size:13px; color:var(--txt-1); font-weight:600; text-align:right; } .comp-sent { padding:3px 8px; border-radius:var(--r-full); font-family:var(--font-mono); font-size:9.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; } .comp-sent.neg { background:var(--error-soft); color:var(--error); border:1px solid var(--error-ring); } .comp-sent.neu { background:var(--info-soft); color:var(--info); border:1px solid var(--info-ring); } .comp-sent.pos { background:var(--ok-soft); color:var(--ok); border:1px solid var(--ok-ring); } .comp-trend { font-family:var(--font-mono); font-size:11px; font-weight:600; text-align:right; } .comp-trend.up { color:var(--error); } .comp-trend.down { color:var(--ok); } .comp-trend.flat { color:var(--txt-3); } .signal-list { display:flex; flex-direction:column; gap:10px; margin-bottom:0; } .signal-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:14px 16px; background:var(--paper-1); border:1px solid var(--line); border-radius:var(--r-l); cursor:pointer; transition:background-color var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast); position:relative; } .signal-row:hover { background:var(--paper-2); border-color:var(--line-2); transform:translateY(-1px); } .signal-row.churn { border-left:3px solid var(--error); } .signal-row.opp { border-left:3px solid var(--ok); } .signal-ic { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; } .signal-body { min-width:0; } .signal-name { font-family:var(--font-display); font-size:15px; font-weight:500; letter-spacing:-0.012em; color:var(--txt-1); } .signal-name .co { color:var(--txt-3); font-weight:400; } .signal-reason { font-family:var(--font-italic); font-style:italic; font-size:12.5px; color:var(--txt-3); margin-top:2px; line-height:1.4; } .signal-value { font-family:var(--font-display); font-size:19px; font-weight:400; letter-spacing:-0.018em; font-variant-numeric:tabular-nums; text-align:right; } .signal-row.churn .signal-value { color:var(--error); } .signal-row.opp .signal-value { color:var(--ok); } .signal-value .sub { display:block; font-family:var(--font-italic); font-style:italic; font-size:10.5px; color:var(--txt-4); margin-top:1px; text-align:right; font-weight:400; } .signal-action { padding:6px 12px; border-radius:var(--r-s); font-family:var(--font-mono); font-size:10px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; border:1px solid var(--line-2); background:var(--paper-2); color:var(--txt-2); cursor:pointer; transition:background-color var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast); white-space:nowrap; } .signal-row.churn .signal-action { background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep)); border-color:transparent; color:#2A1C00; } .signal-row.opp .signal-action { background:var(--ok-soft); border-color:var(--ok-ring); color:var(--ok); } .signal-action:hover { transform:translateY(-1px); filter:brightness(1.05); } .signal-action:focus-visible { outline:none; box-shadow:0 0 0 2px var(--paper-0),0 0 0 4px var(--uv-ring); } .mc-cockpit,importé après) → supprimé de pleine-aurore sans relocalisation. */.cst-canvas { position:relative; height:480px; background:radial-gradient(ellipse 58% 48% at 50% 50%,var(--uv-soft),transparent 70%),radial-gradient(ellipse 40% 32% at 50% 50%,var(--gold-soft),transparent 72%),var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-3xl); overflow:hidden; box-shadow:var(--elevation-1); } @media (max-width:560px) { .cst-canvas { height:380px; } } .cst-rivers { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; } .cst-river { transition:opacity var(--dur-normal) var(--ease-luxe),stroke-width var(--dur-normal) var(--ease-luxe); } .cst-node { position:absolute; transform:translate(-50%,-50%); z-index:2; display:grid; justify-items:center; gap:6px; padding:0; background:0; border:0; } .cst-node-sat { cursor:pointer; transition:transform var(--dur-fast) var(--ease-luxe); } .cst-node-sat:hover,.cst-node-sat.is-hover { transform:translate(-50%,-50%) scale(1.12); z-index:6; } .cst-node-sat:focus-visible { outline:none; } .cst-node-sat:focus-visible .cst-orb { box-shadow:0 0 0 2px var(--paper-1),0 0 0 4px var(--uv-ring); } .cst-orb { border-radius:50%; display:grid; place-items:center; font-family:var(--font-display); font-weight:500; color:white; text-shadow:0 1px 2px rgba(0,0,0,0.3); border:2px solid var(--paper-1); position:relative; } .cst-node-sat .cst-orb { animation:cst-breathe 5.4s var(--ease-luxe) infinite; } .cst-orb-org { background:radial-gradient(circle at 32% 28%,var(--gold-bright),var(--gold-deep) 72%); box-shadow:0 0 30px var(--gold-ring); } .cst-orb-org .cst-orb-ring { position:absolute; inset:-7px; border-radius:50%; border:1.5px solid var(--gold); opacity:0.55; animation:cst-ring 6s linear infinite; } .cst-orb-org .cst-orb-glyph { position:relative; z-index:1; font-size:1.4rem; } .cst-node-label { font-family:var(--font-italic); font-style:italic; font-size:11.5px; color:var(--txt-2); white-space:nowrap; text-align:center; } .cst-node-org .cst-node-label { color:var(--gold-deep); font-style:normal; font-family:var(--font-display); font-weight:500; } .cst-tip { position:absolute; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%); width:220px; padding:12px 14px; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-l); box-shadow:var(--elevation-3); display:grid; gap:8px; z-index:8; text-align:left; animation:cst-tip-in var(--dur-fast) var(--ease-luxe); } .cst-tip-name { font-family:var(--font-display); font-size:14.5px; font-weight:500; letter-spacing:-0.012em; color:var(--txt-1); } .cst-tip-kind { font-family:var(--font-italic); font-style:italic; font-size:11.5px; color:var(--txt-3); margin-top:-4px; } .cst-tip-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; } .cst-tip-cell { display:grid; gap:2px; } .cst-tip-l { font-family:var(--font-mono); font-size:8px; letter-spacing:0.1em; text-transform:uppercase; color:var(--txt-3); font-weight:600; } .cst-tip-v { font-family:var(--font-display); font-size:13px; font-weight:500; color:var(--txt-1); font-variant-numeric:tabular-nums; line-height:1.2; } .cst-tip-v-gold { color:var(--gold-deep); } .cst-counter { position:absolute; top:16px; left:16px; padding:8px 14px; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-full); font-family:var(--font-mono); font-size:11px; color:var(--txt-2); } .cst-counter strong { font-family:var(--font-display); font-weight:500; color:var(--txt-1); } .cst-counter-uv { color:var(--uv); } .cst-legend { margin-top:22px; padding:18px; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-l); display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; } .cst-legend-item { display:flex; align-items:center; gap:8px; font-family:var(--font-italic); font-style:italic; font-size:12.5px; color:var(--txt-3); } .cst-legend-dot { width:18px; height:18px; border-radius:50%; flex-shrink:0; border:0; } .teams-stage { position:relative; padding:var(--s-6) clamp(var(--s-6),3vw,var(--s-10)) var(--s-10); display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); gap:var(--s-6); min-height:720px; } @media (max-width:1080px) { .teams-stage { grid-template-columns:1fr; } } .org-chart { position:relative; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-xl); overflow:hidden; min-height:640px; } .agents-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; } .agent-card { position:relative; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-xl); padding:22px; transition:background-color var(--dur-medium) var(--ease-out),color var(--dur-medium) var(--ease-out),border-color var(--dur-medium) var(--ease-out),box-shadow var(--dur-medium) var(--ease-out),transform var(--dur-medium) var(--ease-out),opacity var(--dur-medium) var(--ease-out); overflow:hidden; cursor:pointer; box-shadow:var(--sh-xs); } .agent-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 80% 100% at 100% 0%,var(--uv-soft),transparent 60%); opacity:0.4; transition:opacity var(--dur-medium); } .agent-card:hover { transform:translateY(-3px); border-color:var(--line-3); box-shadow:var(--sh-l); } .agent-card:hover::before { opacity:0.9; } .agent-card.persona-strategic::before { background:radial-gradient(ellipse 80% 100% at 100% 0%,var(--gold-soft),transparent 60%); } .agent-card.persona-support::before { background:radial-gradient(ellipse 80% 100% at 100% 0%,rgba(107,143,255,0.10),transparent 60%); } .agent-card.persona-sales::before { background:radial-gradient(ellipse 80% 100% at 100% 0%,rgba(255,93,177,0.10),transparent 60%); } .agent-card.persona-ops::before { background:radial-gradient(ellipse 80% 100% at 100% 0%,rgba(22,214,154,0.08),transparent 60%); } .neon-glow { position:absolute; bottom:-50%; left:50%; transform:translateX(-50%); width:70%; height:100%; pointer-events:none; background:radial-gradient(ellipse at top,var(--uv),transparent 60%); opacity:0; filter:blur(32px); transition:opacity var(--dur-medium); } .agent-card:hover .neon-glow { opacity:0.25; } .agent-card.persona-strategic:hover .neon-glow { background:radial-gradient(ellipse at top,var(--gold),transparent 60%); opacity:0.3; } .view-switch { display:inline-flex; padding:3px; background:var(--paper-2); border:1px solid var(--line-2); border-radius:var(--r-s); } .view-switch button { width:30px; height:26px; border:0; background:transparent; border-radius:var(--r-xs); color:var(--txt-3); display:grid; place-items:center; cursor:pointer; transition:background-color var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast); } .view-switch button:hover { color:var(--txt-1); } .view-switch button.active { background:var(--paper-1); color:var(--uv); box-shadow:var(--sh-s); } .btn { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 16px; border-radius:var(--r-m); font-family:var(--font-sans); font-size:13px; font-weight:500; border:1px solid var(--line-2); background:var(--paper-1); color:var(--txt-2); cursor:pointer; transition:background-color var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast); letter-spacing:-0.005em; } .btn:hover { background:var(--paper-2); border-color:var(--line-3); color:var(--txt-1); } .btn:focus-visible { outline:none; box-shadow:0 0 0 2px var(--paper-0),0 0 0 4px var(--uv-ring); } .btn.btn-ghost { background:transparent; border-color:transparent; color:var(--txt-3); } .btn.btn-ghost:hover { background:var(--paper-2); border-color:var(--line-2); color:var(--txt-1); } .btn.btn-primary { background:linear-gradient(135deg,var(--uv-bright),var(--uv-deep)); border-color:transparent; color:white; box-shadow:0 4px 12px -2px var(--uv-ring); } .btn.btn-primary:hover { filter:brightness(1.08); transform:translateY(-1px); } .btn.btn-sm { height:30px; padding:0 12px; font-size:12px; } .btn-approve { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 18px; border-radius:var(--r-full); background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep)); color:#2A1C00; font-family:var(--font-sans); font-size:13px; font-weight:600; border:0; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 4px 12px -2px var(--gold-ring); transition:background-color var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast); } .btn-approve:hover { transform:translateY(-1px); filter:brightness(1.05); } .btn-approve:focus-visible { outline:none; box-shadow:0 0 0 2px var(--paper-0),0 0 0 4px var(--uv-ring); } .btn-upgrade { height:36px; padding:0 18px; border-radius:var(--r-full); background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep)); color:#2A1C00; font-family:var(--font-sans); font-size:12.5px; font-weight:600; border:0; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 4px 12px -2px var(--gold-ring); display:inline-flex; align-items:center; gap:6px; white-space:nowrap; flex-shrink:0; } html.dark [data-theme="pleine-aurore"] .actlib-action-used strong { color:var(--gold-bright); } .an-canvas { max-width:1320px; margin:0 auto; padding:var(--s-10) clamp(var(--s-6),4vw,var(--s-12)) var(--s-16); } .an-head { display:flex; align-items:end; justify-content:space-between; gap:var(--s-6); margin-bottom:var(--s-7); flex-wrap:wrap; } .an-eyebrow { font-family:var(--font-italic); font-style:italic; font-size:15px; color:var(--txt-3); display:inline-flex; align-items:center; gap:10px; margin-bottom:8px; } .an-eyebrow::before { content:""; width:32px; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); } .an-title { font-family:var(--font-display); font-weight:400; font-size:clamp(36px,3.4vw,46px); letter-spacing:-0.028em; line-height:1.05; color:var(--txt-1); } .an-title em { font-family:var(--font-italic); font-style:italic; color:var(--uv); } .an-range { display:inline-flex; padding:4px; background:var(--paper-2); border:1px solid var(--line-2); border-radius:var(--r-full); } .an-range button { padding:6px 14px; border-radius:var(--r-full); font-family:var(--font-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; color:var(--txt-3); background:0; border:0; cursor:pointer; transition:background-color var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast); } .an-range button:hover { color:var(--txt-1); } .an-range button.active { background:var(--paper-1); color:var(--txt-1); box-shadow:var(--sh-s); } .an-range button:focus-visible { outline:none; box-shadow:0 0 0 2px var(--paper-0),0 0 0 4px var(--uv-ring); } .an-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:var(--s-6); } @media (max-width:880px) { .an-kpis { grid-template-columns:repeat(2,1fr); } } .an-kpi { position:relative; padding:22px 24px; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-xl); overflow:hidden; } .an-kpi::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,var(--an-tint,var(--uv-soft)) 0%,transparent 60%); opacity:0.5; pointer-events:none; } .an-kpi.gold { --an-tint:var(--gold-soft); } .an-kpi.ok { --an-tint:var(--ok-soft); } .an-kpi-l { position:relative; font-family:var(--font-italic); font-style:italic; font-size:14px; color:var(--txt-3); margin-bottom:8px; } .an-kpi-v { position:relative; font-family:var(--font-display); font-size:38px; font-weight:400; letter-spacing:-0.028em; line-height:1.05; color:var(--txt-1); font-variant-numeric:tabular-nums; } .an-kpi-v.uv { color:var(--uv); } .an-kpi-v.ok { color:var(--ok); } .an-kpi-v.gold { background:linear-gradient(135deg,var(--gold-bright),var(--gold-deep)); -webkit-background-clip:text; background-clip:text; color:transparent; } .an-kpi-v .sub { font-size:16px; color:var(--txt-3); font-weight:400; margin-left:3px; } .an-kpi-d { position:relative; font-family:var(--font-italic); font-style:italic; font-size:12.5px; color:var(--ok); margin-top:6px; } .an-kpi-d.warn { color:var(--warn); } .an-grid { display:grid; grid-template-columns:2fr 1fr; gap:14px; margin-bottom:14px; } @media (max-width:1080px) { .an-grid { grid-template-columns:1fr; } } .an-card { padding:22px 26px; background:var(--paper-1); border:1px solid var(--line-2); border-radius:var(--r-xl); overflow:hidden; margin-bottom:0; } .an-card + .an-card { margin-top:14px; } .an-card-h { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:16px; gap:12px; } .an-card-h .t { font-family:var(--font-display); font-size:19px; font-weight:400; letter-spacing:-0.018em; color:var(--txt-1); } .an-card-h .t em { font-family:var(--font-italic); font-style:italic; color:var(--txt-3); } .an-legend { display:flex; gap:12px; flex-wrap:wrap; } .an-legend-it { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-italic); font-style:italic; font-size:12px; color:var(--txt-3); } .an-legend-it .d { width:8px; height:8px; border-radius:50%; } .an-chart { position:relative; height:280px; width:100%; } .an-chart svg { width:100%; height:100%; } .an-chart .grid line { stroke:var(--line); stroke-width:1; stroke-dasharray:2 4; } .an-chart .axis text { font-family:var(--font-mono); font-size:9.5px; fill:var(--txt-4); letter-spacing:0.04em; } .an-donut-wrap { display:flex; align-items:center; gap:22px; justify-content:center; } .an-donut { position:relative; width:160px; height:160px; flex-shrink:0; } .an-donut svg { width:100%; height:100%; transform:rotate(-90deg); } .an-donut-center { position:absolute; inset:0; display:grid; place-items:center; } .an-donut-center .v { font-family:var(--font-display); font-size:28px; font-weight:400; letter-spacing:-0.025em; color:var(--txt-1); line-height:1; } .an-donut-center .l { font-family:var(--font-italic); font-style:italic; font-size:12px; color:var(--txt-3); margin-top:4px; } .an-donut-legend { display:flex; flex-direction:column; gap:10px; } .an-donut-legend .it { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:10px; align-items:center; font-size:13px; } .an-donut-legend .it .d { width:10px; height:10px; border-radius:50%; } .an-donut-legend .it .n { font-family:var(--font-sans); color:var(--txt-1); } .an-donut-legend .it .v { font-family:var(--font-mono); font-size:12.5px; color:var(--txt-2); font-weight:600; } .an-heatmap { display:grid; grid-template-columns:40px repeat(24,1fr); gap:3px; } .an-heatmap-label { font-family:var(--font-mono); font-size:10px; color:var(--txt-3); display:flex; align-items:center; letter-spacing:0.04em; } .an-heatmap-cell { aspect-ratio:1; border-radius:3px; transition:transform var(--dur-fast); } .an-heatmap-cell:hover { transform:scale(1.35); z-index:2; box-shadow:0 0 0 1px var(--uv); } .an-heatmap-axis { grid-column:2 /-1; display:grid; grid-template-columns:repeat(24,1fr); gap:3px; margin-top:6px; font-family:var(--font-mono); font-size:9px; color:var(--txt-4); text-align:center; letter-spacing:0.04em; } .an-section-h { font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--txt-3); font-weight:600; margin:var(--s-7) 0 14px; } .an-lb-row { display:grid; grid-template-columns:32px minmax(0,1fr) 80px 80px 80px 60px; gap:14px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--line); } .an-lb-row:last-child { border-bottom:0; } .an-lb-row.head { font-family:var(--font-mono); font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--txt-3); font-weight:600; padding:10px 16px; background:var(--paper-2); border-bottom:1px solid var(--line); } .an-lb-avatar { width:32px; height:32px; border-radius:50%; } .an-lb-avatar.strategic { background:radial-gradient(circle at 30% 30%,#F5D78A,#8B6E3F 70%); } .an-lb-avatar.sales { background:radial-gradient(circle at 30% 30%,#FFAFD9,#C13D8C 70%); } .an-lb-avatar.support { background:radial-gradient(circle at 30% 30%,#9DBDFF,#2D5BFF 70%); } .an-lb-avatar.ops { background:radial-gradient(circle at 30% 30%,#86F5C3,#16D69A 70%); } .an-lb-name { font-family:var(--font-display); font-size:14.5px; font-weight:500; letter-spacing:-0.012em; color:var(--txt-1); } .an-lb-role { font-family:var(--font-italic); font-style:italic; font-size:12px; color:var(--txt-3); } .an-lb-cell { font-family:var(--font-mono); font-size:13px; color:var(--txt-1); font-weight:600; font-variant-numeric:tabular-nums; text-align:right; } .an-lb-cell.gold { color:var(--gold-deep); } [data-theme="pleine-aurore"][data-mode="dark"] .an-lb-cell.gold,[data-theme="pleine-aurore"][data-mode="nocturne"] .an-lb-cell.gold,html.dark [data-theme="pleine-aurore"] .an-lb-cell.gold,html.nocturne [data-theme="pleine-aurore"] .an-lb-cell.gold { color:var(--gold-bright); } .an-lb-cell.ok { color:var(--ok); } .an-lb-spark { width:60px; height:24px; opacity:0.65; }