/* HORLOGIS — owner references reaffirmed 14 October 2026.
 * One opt-in extension of the existing Atelier mode, not a second theme engine.
 * Photography is decorative; it never represents a supplier or evidence. */
html[data-visual-reference="2026-10"][data-theme="atelier"],
html[data-visual-reference="2026-10"] body[data-theme="atelier"] {
  --bg: #f8f6f1;
  --bg-surface: #fffefa;
  --bg-surface-md: #f2efe7;
  --bg-elevated: #ffffff;
  --bg-input: #f6f4ee;
  --text-primary: #202630;
  --text-secondary: #4c5561;
  --text-muted: #58616c;
  --text-inverse: #ffffff;
  --accent: #80602a;
  --accent-soft: #ae9562;
  --accent-dim: #eee8db;
  --accent-bg: #f3eee3;
  --border: #e2ddd2;
  --border-md: #cbc2b1;
  --border-accent: #b39a68;
  --success: #176c4c;
  --success-bg: #eaf3ed;
  --danger: #b43838;
  --danger-bg: #faeeee;
  --warning: #805510;
  --gold: var(--accent);
  --gold-l: #a18652;
  --cream: var(--text-primary);
  --light: var(--text-secondary);
  --muted: var(--text-secondary);
  --muted2: var(--text-muted);
  --h-gold: var(--accent);
  --h-gold-soft: #a18652;
  --h-cream: var(--text-primary);
  --h-steel: var(--text-secondary);
  --h-muted: var(--text-muted);
  --h-border: var(--border);
  --h-border-md: var(--border-md);
  --h-border-gold: var(--border-accent);
  --h-success: var(--success);
  --h-danger: var(--danger);
}
html[data-visual-reference="2026-10"] :is(.home-nav-link,.home-brand,.pq-nav-link,.pq-logo,.role-link,.demo-nav-link) {
  display: inline-flex; align-items: center; min-height: 44px;
}
html[data-visual-reference="2026-10"] :is(.hero-lead,.section-sub,.role-card p,.cap p,.value-copy,.pq-tagline,.pq-persona p,.pq-section-sub,.panel-desc,.demo-subtitle) {
  font-size: 16px; line-height: 1.7; font-weight: 400;
}
html[data-visual-reference="2026-10"] :is(.benefit,.pq-benefit,.trust-item,.pq-confid-item,.flow-copy) { font-size: 14px; }
html[data-visual-reference="2026-10"] :is(.eyebrow,.role-kicker,.pq-kicker,.pq-eyebrow,.value-label,.flow-title) { font-size: 12px; letter-spacing: 1.6px; }
html[data-visual-reference="2026-10"] :is(.btn,.pq-btn,.h-btn) { min-height: 48px; font-size: 14px; letter-spacing: 1.2px; white-space: normal; }
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.btn-primary,.pq-btn-primary,.h-btn-primary) {
  background: linear-gradient(110deg,#86682f,#705422) !important;
  color: #ffffff !important; border-color: #80602a !important;
  box-shadow: 0 5px 18px #80602a18;
}
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.btn-ghost,.pq-btn-ghost,.h-btn-ghost) {
  color: #202630 !important; background: #fffefa !important; border-color: #cbc2b1 !important;
}
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.home-nav-link,.pq-nav-link,.demo-nav-link) { color: #4c5561; }
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.role-card,.pq-persona,.cap,.pq-pillar,.demo-info-card,.demo-rfq-card,.demo-match-card,.reveal-card) {
  background: #fffefa !important; border: 1px solid #e2ddd2 !important;
  box-shadow: 0 4px 22px #302b2210 !important; border-radius: 14px !important;
}
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.hero,.pq-hero,.demo-header) {
  background: linear-gradient(90deg,#f8f6f1 35%,#f8f6f100),url('/assets/images/horlogis-watchmaking-ivory.webp') right center / auto 100% no-repeat;
}
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero { min-height: 670px; padding: 80px max(32px,calc((100vw - 1140px)/2)); }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero::before,
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero::after { display: none; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero-inner { max-width: 760px; text-align: left; margin: 0; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero-mark { width: 64px; height: 64px; margin: 0 0 24px; box-shadow: none; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero-mark img { width: 44px; height: 44px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero :is(h1,.hero-lead) { margin-left: 0; max-width: 690px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero h1 { font-size: clamp(44px,5.6vw,76px); font-weight: 400; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero-lead { max-width: 610px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.hero-actions,.proofline) { justify-content: flex-start; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .pq-hero { text-align: left; max-width: 1200px; padding: 72px 40px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .pq-hero :is(.pq-headline,.pq-tagline) { max-width: 680px; margin-left: 0; }
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.pq-hero-ctas,.pq-proofline) { justify-content: flex-start; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .demo-header { text-align: left; padding: 44px max(24px,calc((100vw - 1100px)/2)); }
html[data-visual-reference="2026-10"][data-theme="atelier"] .demo-header :is(.demo-title,.demo-subtitle) { max-width: 680px; margin-left: 0; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .demo-title { font-size: clamp(38px,4.2vw,60px); font-weight: 400; }
html[data-visual-reference="2026-10"] .demo-header .demo-subtitle { opacity: 1 !important; }
html[data-visual-reference="2026-10"] .demo-banner { min-height: 44px; font-size: 11px; }
html[data-visual-reference="2026-10"] .demo-step-item { min-height: 74px; padding: 8px; }
html[data-visual-reference="2026-10"] .demo-step-num { width: 40px; height: 40px; font-size: 17px; }
html[data-visual-reference="2026-10"] .demo-step-label { font-size: 13px; letter-spacing: 0; }
html[data-visual-reference="2026-10"] .panel-title { font-size: clamp(34px,3.4vw,48px); font-weight: 400; }
html[data-visual-reference="2026-10"] :is(.demo-field label,.demo-comp-table th) { font-size: 12px; letter-spacing: 1px; }
html[data-visual-reference="2026-10"] :is(.demo-field-val,.demo-comp-table td,.reveal-sub,.bdc-ref) { font-size: 16px; }
html[data-visual-reference="2026-10"] .demo-match-score { font-size: 42px; min-width: 76px; }
html[data-visual-reference="2026-10"] .demo-match-reason { font-size: 13px; padding: 5px 9px; letter-spacing: 0; }
html[data-visual-reference="2026-10"] .reveal-name { font-size: 38px; }
html[data-visual-reference="2026-10"] :is(.demo-rfq-card,.reveal-card) { padding: 28px; }
html[data-visual-reference="2026-10"] .h-mode-btn { min-width: 44px; min-height: 44px; }
@media (max-width: 900px) {
  html[data-visual-reference="2026-10"] .home-nav-link:not(.home-nav-cta):not(.home-nav-login),
  html[data-visual-reference="2026-10"] .pq-nav-link:not(.pq-nav-cta) { display: none; }
  html[data-visual-reference="2026-10"] .home-nav { flex-wrap: wrap; gap: 4px 12px; padding: 8px 18px; }
  html[data-visual-reference="2026-10"] .home-brand { flex: 1 0 auto; }
  html[data-visual-reference="2026-10"] .home-nav-links { flex-wrap: wrap; gap: 4px 8px; max-width: 100%; }
  html[data-visual-reference="2026-10"] .home-nav-login { font-size: 12px; padding: 8px; }
  html[data-visual-reference="2026-10"] .home-nav-cta { font-size: 11px; max-width: 190px; text-align: center; }
  html[data-visual-reference="2026-10"] .pq-nav { flex-wrap: wrap; gap: 8px; padding: 8px 18px; }
  html[data-visual-reference="2026-10"] .pq-nav-links { flex-wrap: wrap; gap: 8px; max-width: 100%; }
}
@media (max-width: 620px) {
  html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.hero,.pq-hero,.demo-header) {
    background-image: linear-gradient(90deg,#f8f6f1 20%,#f8f6f1dd 58%,#f8f6f1aa),url('/assets/images/horlogis-watchmaking-ivory.webp');
    background-position: right top; background-size: auto 460px;
  }
  html[data-visual-reference="2026-10"][data-theme="atelier"] .hero { padding: 36px 20px 44px; min-height: auto; }
  html[data-visual-reference="2026-10"][data-theme="atelier"] .hero-mark { display: none; }
  html[data-visual-reference="2026-10"][data-theme="atelier"] .hero h1 { font-size: clamp(42px,10.5vw,60px); line-height: 1.06; }
  html[data-visual-reference="2026-10"][data-theme="atelier"] .pq-hero { padding: 40px 20px; }
  html[data-visual-reference="2026-10"][data-theme="atelier"] .demo-header { padding: 26px 20px; }
  html[data-visual-reference="2026-10"] .demo-main { padding: 20px 16px; }
  html[data-visual-reference="2026-10"] .demo-steps { justify-content: flex-start; overflow-x: auto; scroll-padding-inline: 12px; }
  html[data-visual-reference="2026-10"] .demo-step-item { min-width: 82px; flex-shrink: 0; }
  html[data-visual-reference="2026-10"] .demo-comp-table :is(th,td) { padding: 10px 6px; font-size: 12px; overflow-wrap: anywhere; }
  html[data-visual-reference="2026-10"] .demo-match-card { gap: 12px; padding: 16px 12px; }
  html[data-visual-reference="2026-10"] .demo-match-score { min-width: 58px; font-size: 36px; }
  html[data-visual-reference="2026-10"] :is(.demo-rfq-card,.reveal-card) { padding: 20px 16px; }
  html[data-visual-reference="2026-10"] .demo-nav { flex-wrap: wrap; }
  html[data-visual-reference="2026-10"] .demo-nav .h-btn { flex: 1 1 180px; }
}

/* Connected workspace: same reference palette, one mode controller.
 * Deliberately scoped to the reference opt-in: other pages keep their layout. */
html[data-visual-reference="2026-10"][data-theme="atelier"],
html[data-visual-reference="2026-10"] body[data-theme="atelier"] {
  --navy: #f8f6f1; --navy-mid: #fffefa; --navy-light: #f2efe7;
  --navy-card: #fffefa; --border-h: #b39a68;
}
html[data-visual-reference="2026-10"] #sidebar { width:264px; }
html[data-visual-reference="2026-10"] #main-content { font-size:15px; line-height:1.55; }
html[data-visual-reference="2026-10"] #main { background:var(--bg); }
html[data-visual-reference="2026-10"] #main > .content { padding:28px clamp(18px,3vw,40px) 40px; }
html[data-visual-reference="2026-10"] #topbar { min-height:72px; height:auto; padding:12px 28px; background:var(--bg-elevated); }
html[data-visual-reference="2026-10"] .tb-title { letter-spacing:1px; font-size:14px; }
html[data-visual-reference="2026-10"] .tb-right { gap:10px; min-width:0; }
html[data-visual-reference="2026-10"] .tb-search { border-radius:8px; min-height:44px; background:var(--bg-input); }
html[data-visual-reference="2026-10"] .tb-search input { font-weight:500; font-size:14px; color:var(--cream); }
html[data-visual-reference="2026-10"] .tb-search input::placeholder { color:var(--muted); opacity:1; }
html[data-visual-reference="2026-10"] .btn-new-rfq { clip-path:none; border-radius:8px; min-height:44px; padding:10px 18px; font-size:13px; letter-spacing:.6px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .btn-new-rfq { background:#80602a; color:#fff; }
html[data-visual-reference="2026-10"] #sidebar .sb-logo { padding:28px 20px; min-height:96px; }
html[data-visual-reference="2026-10"] #sidebar .sb-logo-text { font-size:24px; letter-spacing:4px; }
html[data-visual-reference="2026-10"] #sidebar .sb-section-label { font-size:12px; letter-spacing:1.2px; }
html[data-visual-reference="2026-10"] #sidebar .nav-item { font-size:14px; font-weight:500; padding:12px; border-radius:7px; margin-bottom:4px; }
html[data-visual-reference="2026-10"] #sidebar .rt-btn { min-height:44px; font-size:12px; letter-spacing:.3px; }
html[data-visual-reference="2026-10"] #sidebar .sb-user-role { font-size:12px; letter-spacing:.4px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar { background:#f2efe7 !important; border-right:1px solid #e2ddd2; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar :is(.nav-item,.sb-logo-text,.sb-user-name,.rt-btn) { color:#202630 !important; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar :is(.sb-section-label,.sb-user-role) { color:#58616c !important; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar .nav-item.active { background:#e9e0cd !important; border-left-color:#80602a; color:#60451c !important; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar .nav-item:hover { background:#e9e3d7 !important; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar .rt-btn.active { background:#80602a !important; color:#fff !important; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .nav-badge { background:#80602a; color:#fff; }
html[data-visual-reference="2026-10"] #c-dashboard > :first-child { padding:28px; border-radius:12px; border:1px solid var(--border); background:var(--navy-mid); margin-bottom:24px !important; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #c-dashboard > :first-child { background:linear-gradient(90deg,#fffefa 45%,#fffefa99),url('/assets/images/horlogis-watchmaking-ivory.webp') right center/auto 100% no-repeat; }
html[data-visual-reference="2026-10"] #dash-subtitle { font-size:14px !important; letter-spacing:.2px !important; }
html[data-visual-reference="2026-10"] #dash-completion { background:var(--navy-mid) !important; padding:18px 22px !important; }
html[data-visual-reference="2026-10"] #dash-completion :is(span,#dash-comp-missing) { font-size:13px !important; font-weight:500 !important; letter-spacing:.4px !important; }
html[data-visual-reference="2026-10"] :is(.kpi-card,.section-card,.rfq-item,.panel-card,.sf-card,.stat-card) { border-radius:12px; border:1px solid var(--border); background:var(--navy-mid); box-shadow:0 3px 14px #302b2208; }
html[data-visual-reference="2026-10"] :is(.kpi-label,.col-title,.col-count,.section-title,.card-header) { font-size:13px !important; letter-spacing:.6px !important; color:var(--muted); }
html[data-visual-reference="2026-10"] :is(.kpi-delta,.rfq-meta,.rfq-fourn,.activity-item) { font-size:13px; }
html[data-visual-reference="2026-10"] .rfq-title { font-size:17px; font-weight:600; line-height:1.4; }
html[data-visual-reference="2026-10"] .rfq-item { padding:20px; margin-bottom:12px; }
html[data-visual-reference="2026-10"] .dashboard-inline-action { min-height:44px; font-size:13px !important; letter-spacing:.6px !important; }
html[data-visual-reference="2026-10"] :is(input,select,textarea) { font-size:16px !important; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit { padding:26px; border-radius:12px; box-shadow:0 4px 20px #302b220a; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-title { font-size:clamp(28px,3vw,38px); line-height:1.15; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit :is(.vc-sub,.vc-proof,.vc-brief) { font-size:14px; line-height:1.65; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit :is(.vc-eyebrow,.vc-metric-label,.vc-block-title,.vc-refresh,.vc-live,.vc-brief strong) { font-size:12px; letter-spacing:.7px; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-metric { padding:18px; border-radius:8px; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-metric-value { font-size:32px; overflow-wrap:anywhere; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-metric-hint { font-size:13px; line-height:1.5; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-action { padding:16px; border-radius:8px; min-height:48px; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-action-copy strong { font-size:15px; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-action-copy small { font-size:13px; }
html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-action-evidence { font-size:12px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #horlogis-value-cockpit .vc-live { color:#176c4c; }
html[data-visual-reference="2026-10"] #c-dashboard :is(.cockpit-section,#dash-urgences) { font-size:14px; }
html[data-visual-reference="2026-10"] #c-dashboard .cockpit-section > div > span { font-size:13px !important; letter-spacing:.6px !important; }
html[data-visual-reference="2026-10"] #mobile-nav { background:var(--navy-mid); border-color:var(--border); }
@media (max-width:980px) {
  html[data-visual-reference="2026-10"] #topbar { padding:12px 18px; gap:12px; flex-wrap:wrap; }
  html[data-visual-reference="2026-10"] #topbar .tb-right { flex-wrap:wrap; }
}
@media (max-width:768px) {
  html[data-visual-reference="2026-10"] #main > .content { padding:18px 16px calc(110px + env(safe-area-inset-bottom)); }
  html[data-visual-reference="2026-10"] #topbar { padding:10px 16px; }
  html[data-visual-reference="2026-10"] #topbar::before { color:var(--gold); }
  html[data-visual-reference="2026-10"] #c-dashboard > :first-child { padding:20px; flex-wrap:wrap; gap:16px; }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit { padding:18px; }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-head { flex-direction:column; }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-tools { justify-content:flex-start; }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-metric { padding:14px; }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-bottom { grid-template-columns:1fr; }
  html[data-visual-reference="2026-10"] #horlogis-value-cockpit .vc-metric-value { font-size:27px; }
  html[data-visual-reference="2026-10"] .mn-item { min-height:54px; }
}

/* Sidebar controls must keep their touch area when the menu scrolls. */
html[data-visual-reference="2026-10"] #sidebar .role-toggle { flex-shrink:0; min-height:48px; }
html[data-visual-reference="2026-10"] #sidebar .sb-logo { flex-shrink:0; }
html[data-visual-reference="2026-10"] #sidebar .sb-logo-text { font-size:22px; letter-spacing:3px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] #sidebar .sb-logo-text span { color:var(--gold); }

/* Read comparison text immediately during a mode switch, without low-contrast colour interpolation. */
html[data-visual-reference="2026-10"] :is(.left,.left .current-title,.left .eyebrow,.left .truth-empty) { transition:none !important; }