/**
 * Programme d'installation de Windows 11 (Setup moderne 24H2/25H2) — rendu dans la scène CapsuleInstall.
 * Vérité VM A1.1 (VMID 1901 temporaire, Win11 25H2 fr, 1280×800, 2026-10-21) : fond #180052 ; fenêtre
 * « Configuration de Windows 11 » 713×559 à (283,120), cadre Aero bleu clair #b9d1ea (7 px), barre de titre
 * 31 px (#99b4d1 → #a7c0dc), corps blanc ; titre 28 px #0078d7 Segoe UI Light à (330,209) ; texte 13 px noir ;
 * boutons 94×23 (Précédent 750, Suivant 855, y 625) ; liens gris #666 soulignés ; écran de progression #005a9e.
 * Captures : root/docs/inventaires/captures/windows-11/visual-fidelity/install/vm/.
 */
.winsetup-stage {
    font-family: "Segoe UI Win11", "Segoe UI", sans-serif;
    font-size: 13px;
    color: #000000;
    background: #180052;
}

/* Le reset du portail (`*, *::before, *::after { font-family: var(--font) }`) imposerait system-ui à chaque
   élément sans règle propre : on rend la police héritée dans toute la scène. */
.winsetup-stage *,
.winsetup-stage *::before,
.winsetup-stage *::after {
    font-family: inherit;
}

.winsetup-stage--bootprompt,
.winsetup-stage--reboot {
    background: #000000;
}

.winsetup-stage.is-booting {
    animation: capsule-install-fade 0.8s ease-in forwards;
}

.winsetup-bootprompt__text {
    position: absolute;
    top: 30px;
    left: 160px;
    margin: 0;
    font: 20px/24px "DejaVu Sans Mono", "Consolas", monospace;
    color: #ffffff;
}

.winsetup-black {
    position: absolute;
    inset: 0;
    background: #000000;
}

/* --- Fenêtre du Setup --- */
.winsetup-window {
    position: absolute;
    top: 120px;
    left: 283px;
    display: flex;
    flex-flow: column nowrap;
    width: 713px;
    height: 559px;
    box-sizing: border-box;
    border: 7px solid #b9d1ea;
    border-top-width: 0;
    background: #ffffff;
    box-shadow: 0 0 0 1px #6f8cab, 0 8px 24px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.winsetup-window.is-fullscreen {
    top: 0;
    left: 0;
    width: 1280px;
    height: 800px;
    border: 0;
    box-shadow: none;
}

.winsetup-window.is-fullscreen > :not(.winsetup-window__full) {
    display: none;
}

.winsetup-window__titlebar {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 31px;
    height: 31px;
    padding: 0 0 0 10px;
    background: linear-gradient(#99b4d1, #a7c0dc);
}

.winsetup-window__icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("../../../../../usr/share/capsuleos/assets/images/toolkits/windows/11/install/setup-icon-16.webp") center / 16px 16px no-repeat;
}

.winsetup-window__title {
    font-size: 12px;
    color: #000000;
}

.winsetup-window__controls {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    gap: 2px;
    height: 20px;
}

.winsetup-window__control {
    display: block;
    width: 30px;
    height: 19px;
    box-sizing: border-box;
    border: 1px solid #5c7a9c;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(#e8eef6, #c9d7e8);
}

.winsetup-window__control--max {
    width: 26px;
}

.winsetup-window__control--close {
    width: 32px;
    background: linear-gradient(#e3a195, #c8503d);
}

.winsetup-window__body {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    padding: 42px 40px 0 40px;
    overflow: hidden;
}

.winsetup-heading {
    margin: 0 0 12px;
    font-family: "Segoe UI Win11 Light", "Segoe UI Light", "Segoe UI Win11", "Segoe UI", sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 45px;
    color: #0078d7;
}

.winsetup-subtitle {
    margin: -8px 0 10px;
    font-size: 12px;
    line-height: 15px;
}

.winsetup-link {
    color: #666666;
    text-decoration: underline;
}

.winsetup-link--blue {
    color: #0078d7;
    text-decoration: none;
}

.winsetup-window__footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    height: 46px;
    padding: 0 42px 16px 43px;
}

.winsetup-footer__extra {
    position: absolute;
    bottom: 56px;
    left: 40px;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.winsetup-footer__extra[hidden] {
    display: none;
}

.winsetup-footer__left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.winsetup-footer__logo {
    width: 69px;
    height: 15px;
}

.winsetup-footer__nav {
    display: flex;
    gap: 11px;
}

.winsetup-btn {
    min-width: 94px;
    height: 23px;
    padding: 0 10px;
    border: 1px solid #adadad;
    border-radius: 3px;
    font: inherit;
    font-size: 12px;
    color: #000000;
    background: #e1e1e1;
}

.winsetup-btn:disabled {
    color: #838383;
    border-color: #d5d5d5;
    background: #cccccc;
    opacity: 0.6;
}

.winsetup-btn.is-default:not(:disabled),
.winsetup-btn--next:not(:disabled) {
    border-color: #0078d7;
    box-shadow: inset 0 0 0 1px #0078d7;
    background: #fdfdfd;
}

/* --- Formulaire (langue, clavier) --- */
.winsetup-form {
    --winsetup-label-w: 207px;
    display: flex;
    flex-flow: column nowrap;
    gap: 23px;
    margin-top: 14px;
}

.winsetup-form__row {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.winsetup-form__label {
    width: var(--winsetup-label-w);
    font-size: 15px;
    line-height: 21px;
}

.winsetup-combo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 280px;
    height: 21px;
    box-sizing: border-box;
    padding: 0 4px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    background: #ffffff;
}

.winsetup-combo__arrow {
    width: 7px;
    height: 7px;
    margin: -4px 4px 0 0;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    transform: rotate(45deg);
}

/* --- Option d'installation --- */
.winsetup-choice__row {
    display: flex;
    gap: 0;
    margin-top: 28px;
}

.winsetup-choice__prompt {
    width: 174px;
    font-size: 15px;
    line-height: 21px;
}

.winsetup-choice__options {
    display: flex;
    flex-flow: column nowrap;
    gap: 11px;
}

.winsetup-radio,
.winsetup-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 15px;
    cursor: default;
}

.winsetup-radio > input,
.winsetup-checkbox > input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.winsetup-radio__dot {
    display: inline-block;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border: 1px solid #333333;
    border-radius: 50%;
    background: #ffffff;
}

.winsetup-radio > input:checked + .winsetup-radio__dot {
    border: 4px solid #0078d7;
}

.winsetup-radio.is-selected .winsetup-radio__label {
    outline: 1px dotted #000000;
}

.winsetup-checkbox {
    margin: 15px 0 0 -2px;
    font-size: 12px;
}

.winsetup-checkbox__box {
    display: inline-block;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border: 1px solid #333333;
    background: #ffffff;
}

.winsetup-checkbox > input:checked + .winsetup-checkbox__box {
    background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'><path d='M2.5 6.5l3 3 5-6' fill='none' stroke='%23000' stroke-width='1.6'/></svg>") center / 11px 11px no-repeat;
}

.winsetup-choice__bottom {
    position: absolute;
    bottom: 10px;
    left: 40px;
    font-size: 12px;
}

/* --- Clé de produit --- */
.winsetup-key__label {
    margin: 32px 0 3px;
    font-size: 12px;
}

.winsetup-entry {
    box-sizing: border-box;
    width: 350px;
    height: 21px;
    padding: 0 4px;
    border: 1px solid #a0a0a0;
    border-bottom: 2px solid #0078d7;
    font: inherit;
    font-size: 12px;
}

.winsetup-key__links {
    position: absolute;
    bottom: 14px;
    left: 40px;
    display: flex;
    flex-flow: column nowrap;
    gap: 13px;
    font-size: 12px;
}

/* --- Attente --- */
.winsetup-spinner {
    display: block;
    width: 20px;
    height: 20px;
    margin: 30px 0 0 8px;
    box-sizing: border-box;
    border: 3px solid transparent;
    border-top-color: #0078d7;
    border-radius: 50%;
    animation: winsetup-spin 1.1s linear infinite;
}

.winsetup-spinner--small {
    width: 14px;
    height: 14px;
    margin: 0;
    border-width: 2px;
    border-top-color: #ffffff;
}

@keyframes winsetup-spin {
    to {
        transform: rotate(360deg);
    }
}

/* --- Sélection d'image --- */
.winsetup-listbox {
    position: relative;
    width: 620px;
    height: 157px;
    box-sizing: border-box;
    margin-top: 32px;
    border: 1px solid #a0a0a0;
    background: #ffffff;
    overflow: hidden;
}

.winsetup-listbox__header {
    padding: 4px 8px 2px;
    font-size: 12px;
}

.winsetup-listbox__list {
    width: 594px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.winsetup-listbox__item {
    height: 18px;
    padding: 0 3px;
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 18px;
}

.winsetup-listbox__item.is-selected {
    color: #ffffff;
    background: #0078d7;
}

.winsetup-listbox__hscroll {
    position: absolute;
    right: 18px;
    bottom: 6px;
    left: 5px;
    height: 3px;
    border-radius: 2px;
    background: #c3c3c3;
}

.winsetup-listbox__selected {
    margin: 12px 0 0;
    font-size: 12px;
}

/* --- Licence --- */
.winsetup-license {
    position: relative;
    height: 256px;
    box-sizing: border-box;
    margin-top: 32px;
    padding: 10px 24px 0 3px;
    overflow: hidden;
}

.winsetup-license__para {
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.winsetup-license__scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    background: #f0f0f0;
}

.winsetup-license__thumb {
    position: absolute;
    top: 10px;
    left: 6px;
    width: 3px;
    height: 24px;
    background: #8a8a8a;
}

/* --- Disque --- */
.winsetup-disk__tools {
    margin-top: 32px;
    font-size: 12px;
}

.winsetup-disk__toolrow {
    display: flex;
    gap: 0;
    height: 37px;
    align-items: center;
}

.winsetup-disk__tool {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 158px;
    color: #6d6d6d;
}

.winsetup-disk__tool.is-enabled {
    color: #0078d7;
}

.winsetup-disk__tool.is-enabled .winsetup-disk__toollabel {
    text-decoration: underline;
}

.winsetup-disk__toolicon {
    display: inline-block;
    width: 20px;
    height: 16px;
    background: #9a9a9a;
    border-radius: 2px;
}

.winsetup-disk__tool.is-enabled .winsetup-disk__toolicon {
    background: #3b8fd6;
}

.winsetup-disk__frame {
    width: 620px;
    height: 176px;
    box-sizing: border-box;
    margin-top: 32px;
    border: 1px solid #a0a0a0;
    background: #ffffff;
    overflow: hidden;
}

.winsetup-disk__table {
    width: 587px;
    margin: 4px 0 0 5px;
    border-collapse: collapse;
    font-size: 12px;
}

.winsetup-disk__table th {
    height: 20px;
    padding: 0 4px;
    border-right: 1px solid #e5e5e5;
    font-weight: 400;
    text-align: left;
}

.winsetup-disk__table td {
    height: 18px;
    padding: 0 4px;
    white-space: nowrap;
}

.winsetup-disk__table tr.is-selected td {
    color: #ffffff;
    background: #0078d7;
}

/* --- Résumé --- */
.winsetup-summary {
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.winsetup-summary__item {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 31px;
    font-size: 15px;
}

.winsetup-summary__check {
    width: 12px;
    font-size: 16px;
}

.winsetup-note {
    margin: 54px 0 0;
    font-size: 12px;
    line-height: 15px;
}

.winsetup-note__link {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
}

/* --- Écran bleu de progression --- */
.winsetup-window__full {
    position: absolute;
    inset: 0;
}

.winsetup-progress {
    position: absolute;
    inset: 0;
    padding: 46px 0 0 142px;
    color: #ffffff;
    background: #005a9e;
}

.winsetup-progress__heading {
    margin: 0 0 40px;
    font-family: "Segoe UI Win11 Light", "Segoe UI Light", "Segoe UI Win11", "Segoe UI", sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 62px;
}

.winsetup-progress__text {
    margin: 0 0 32px;
    font-size: 15px;
}

.winsetup-progress__line {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 15px;
}

.winsetup-progress__cancel {
    margin-top: 47px;
    min-width: 96px;
    height: 25px;
    border: 1px solid #000000;
    box-shadow: inset 0 0 0 1px #ffffff;
    background: #ffffff;
}

/* --- Écran noir de la seconde phase (« Installation N % », après le premier redémarrage) --- */
.winsetup-progress-black {
    position: absolute;
    inset: 0;
    color: #ffffff;
    background: #000000;
}

.winsetup-progress-black__center {
    position: absolute;
    top: 345px;
    left: 0;
    width: 100%;
    text-align: center;
}

.winsetup-ring {
    display: inline-block;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-radius: 50%;
    animation: winsetup-spin 1.2s linear infinite;
}

.winsetup-progress-black__percent {
    margin: 16px 0 0;
    font: 600 15px/24px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
}

.winsetup-progress-black__text {
    margin: 0;
    font: 600 15px/24px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
}

.winsetup-progress-black__footer {
    position: absolute;
    top: 672px;
    left: 0;
    width: 100%;
    margin: 0;
    font: 600 15px/24px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    text-align: center;
}

/* --- « Veuillez patienter... » (points tournants, entre l'installation et l'OOBE) --- */
.winsetup-pleasewait {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 36px;
}

.winsetup-pleasewait__dots {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    animation: winsetup-spin 2s linear infinite;
}

.winsetup-pleasewait__dot {
    position: absolute;
    top: 0;
    left: 27px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    transform-origin: 3px 30px;
}

.winsetup-pleasewait__dot:nth-child(2) { transform: rotate(32deg); }
.winsetup-pleasewait__dot:nth-child(3) { transform: rotate(64deg); }
.winsetup-pleasewait__dot:nth-child(4) { transform: rotate(96deg); }
.winsetup-pleasewait__dot:nth-child(5) { transform: rotate(128deg); }
.winsetup-pleasewait__dot:nth-child(6) { transform: rotate(160deg); }

.winsetup-pleasewait__text {
    margin: 0;
    font: 300 22px/26px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #ffffff;
}

/* --- OOBE (premier démarrage) : fond dégradé bleu clair, carte 1047×664 à (116,68), colonne droite x=680 --- */
.winsetup-stage--oobe {
    background: radial-gradient(ellipse at 20% 110%, #a0b6e2 0, rgba(160, 182, 226, 0) 45%), radial-gradient(ellipse at 55% 0, #dae9f4 0, rgba(218, 233, 244, 0) 40%), #d6e2ec;
    font-family: "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
}

.winoobe-host {
    position: absolute;
    inset: 0;
}

.winoobe-card {
    position: absolute;
    top: 68px;
    left: 116px;
    width: 1048px;
    height: 664px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f7fafd 0, #f4f9fe 50%, #fafcff 100%);
    box-shadow: 0 8px 32px rgba(40, 60, 100, 0.22);
    overflow: hidden;
}

.winoobe-back {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11 5l-7 7 7 7M4 12h16' fill='none' stroke='%23303030' stroke-width='1.6'/></svg>") center / 20px 20px no-repeat;
}

.winoobe-art {
    position: absolute;
    top: 160px;
    left: 100px;
    width: 420px;
    height: 400px;
}

.winoobe-art--missing {
    outline: 1px dashed rgba(0, 103, 192, 0.25);
    outline-offset: -1px;
}

.winoobe-col {
    position: absolute;
    top: 58px;
    left: 564px;
    width: 440px;
}

.winoobe-title {
    margin: 0 0 14px;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    color: #000000;
}

.winoobe-subtitle {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}

.winoobe-strong {
    margin: -4px 0 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #404040;
}

.winoobe-list {
    width: 418px;
    max-height: 420px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.winoobe-list__item {
    display: flex;
    align-items: center;
    height: 58px;
    padding: 0 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #404040;
}

.winoobe-list__item.is-selected {
    color: #ffffff;
    background: #0067c0;
}

.winoobe-footer {
    position: absolute;
    right: 46px;
    bottom: 46px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.winoobe-btn {
    min-width: 128px;
    height: 40px;
    padding: 0 24px;
    border: 0;
    border-radius: 4px;
    font: 600 15px/40px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #ffffff;
    background: #0067c0;
    cursor: default;
}

.winoobe-btn:disabled {
    color: #ffffff;
    background: #c1c5ca;
}

.winoobe-btn--link {
    min-width: 0;
    padding: 0 12px;
    font-weight: 400;
    color: #003e92;
    background: transparent;
}

.winoobe-wait {
    position: absolute;
    top: 300px;
    left: 160px;
    width: 300px;
    text-align: center;
}

.winoobe-ring {
    display: inline-block;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-top-color: #0067c0;
    border-left-color: #0067c0;
    border-radius: 50%;
    animation: winsetup-spin 1.2s linear infinite;
}

.winoobe-wait__text {
    margin: 36px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.winoobe-entry {
    position: relative;
    width: 297px;
    margin-top: 6px;
}

.winoobe-entry__input {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 40px 0 18px;
    border: 1px solid #d8e6f1;
    border-bottom: 2px solid #0067c0;
    border-radius: 4px 4px 0 0;
    font: 15px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #000000;
    background: #fdfdfe;
}

.winoobe-entry__input::placeholder {
    color: #666666;
}

.winoobe-entry__clear {
    position: absolute;
    top: 14px;
    right: 8px;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 5l10 10M15 5L5 15' stroke='%23404040' stroke-width='1.4'/></svg>") center / 14px 14px no-repeat;
}

.winoobe-entry__clear[hidden] {
    display: none;
}

.winoobe-hint {
    margin: 0;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.winoobe-hint:first-of-type {
    margin-top: 24px;
}

.winoobe-choice {
    display: block;
    width: 418px;
    box-sizing: border-box;
    margin: 0 0 9px;
    padding: 16px 16px 18px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font: inherit;
    text-align: left;
    color: #404040;
    background: linear-gradient(#fafcff, #edf3fe);
}

.winoobe-choice.is-selected {
    border-color: #0067c0;
    box-shadow: inset 0 0 0 1px #0067c0;
}

.winoobe-choice__head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
}

.winoobe-choice__icon {
    width: 22px;
    height: 22px;
    border: 1.6px solid #404040;
    border-radius: 3px;
    box-sizing: border-box;
}

.winoobe-choice__icon--home {
    border-radius: 3px 3px 2px 2px;
}

.winoobe-choice__title {
    font-size: 15px;
    font-weight: 600;
}

.winoobe-choice__desc {
    display: block;
    font-size: 13px;
    line-height: 20px;
}

.winoobe-a11y {
    position: absolute;
    right: 128px;
    bottom: 26px;
    width: 20px;
    height: 22px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'><circle cx='10' cy='3' r='2.2' fill='none' stroke='%232b2b2b' stroke-width='1.4'/><path d='M2 7.5l8 1.5 8-1.5M10 9v6l-4 6M10 15l4 6' fill='none' stroke='%232b2b2b' stroke-width='1.4'/></svg>") center / contain no-repeat;
}

.winoobe-a11y--low {
    right: 76px;
    bottom: 12px;
}

/* --- Mise à jour pendant l'OOBE : carrousel + barre à trois segments --- */
.winoobe-card--update {
    top: 71px;
    left: 176px;
    width: 928px;
    height: 522px;
}

.winoobe-card--status {
    top: 602px;
    left: 176px;
    width: 928px;
    height: 128px;
    text-align: center;
}

.winoobe-carousel {
    position: relative;
    height: 310px;
    margin-top: 42px;
}

.winoobe-carousel__media {
    position: absolute;
    top: 0;
    left: 190px;
    width: 548px;
    height: 310px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff, #d6e9f8);
}

.winoobe-carousel__play {
    position: absolute;
    top: 134px;
    left: 242px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(70, 80, 100, 0.75) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M26 20l18 12-18 12z' fill='white'/></svg>") center / 64px 64px no-repeat;
}

.winoobe-carousel__arrow {
    position: absolute;
    top: 198px;
    width: 40px;
    height: 40px;
    border: 1px solid #e3e8ef;
    border-radius: 4px;
    background: #ffffff center / 14px 14px no-repeat;
}

.winoobe-carousel__arrow--prev {
    left: 25px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M9 2L4 7l5 5' fill='none' stroke='%23303030' stroke-width='1.5'/></svg>");
}

.winoobe-carousel__arrow--next {
    right: 25px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M5 2l5 5-5 5' fill='none' stroke='%23303030' stroke-width='1.5'/></svg>");
}

.winoobe-carousel__title {
    margin: 30px 0 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #000000;
}

.winoobe-carousel__text {
    width: 540px;
    margin: 14px auto 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #404040;
}

.winoobe-carousel__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 48px;
}

.winoobe-carousel__dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #8a8a8a;
}

.winoobe-carousel__dot.is-active {
    width: 6px;
    height: 6px;
    margin-top: -1px;
    background: #404040;
}

.winoobe-status__title {
    margin: 32px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.winoobe-status__step {
    margin: 8px 0 0;
    font-size: 14px;
    color: #404040;
}

.winoobe-status__bar {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
}

.winoobe-status__seg {
    display: block;
    width: 150px;
    height: 4px;
    border-radius: 2px;
    background: #c7d0da;
    overflow: hidden;
}

.winoobe-status__fill {
    display: block;
    width: 0;
    height: 100%;
    background: #0067c0;
}

/* --- Compte Microsoft (« Déverrouillez votre expérience Microsoft. ») --- */
.winoobe-features {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.winoobe-feature {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 22px;
}

.winoobe-feature__icon {
    flex: 0 0 24px;
    width: 24px;
    height: 22px;
    margin-top: 2px;
    border: 1.5px solid #303030;
    border-radius: 4px;
    box-sizing: border-box;
}

.winoobe-feature__text {
    display: flex;
    flex-flow: column nowrap;
    gap: 2px;
    width: 376px;
}

.winoobe-feature__title {
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    color: #000000;
}

.winoobe-feature__desc {
    font-size: 13px;
    line-height: 19px;
    color: #404040;
}

.winoobe-status__later {
    display: block;
    margin-top: 16px;
    font-size: 15px;
    color: #003e92;
    text-decoration: none;
}

.winoobe-status__later[hidden] {
    display: none;
}

.winsetup-window.has-later .winoobe-status__title {
    margin-top: 20px;
}

.winsetup-window.has-later .winoobe-status__bar {
    margin-top: 8px;
}

/* --- Compte local (astuce Maj+F10 → ms-cxh:localonly) : invite cmd 977×510 à (138,131), dialogue bleu 800×632 à (48,33) --- */
.winoobe-card--behind > .winoobe-col,
.winoobe-card--behind > .winoobe-art,
.winoobe-card--behind > .winoobe-features {
    visibility: hidden;
}

.winoobe-cmd {
    position: absolute;
    top: 131px;
    left: 138px;
    width: 977px;
    height: 510px;
    border: 1px solid #c8ccd2;
    box-sizing: border-box;
    font: 400 14px/16px Consolas, "Lucida Console", monospace;
    color: #cccccc;
    background: #f3f3f3;
    overflow: hidden;
}

.winoobe-cmd__title {
    position: relative;
    height: 29px;
    padding: 0 0 0 30px;
    font: 400 12px/29px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #1a1a1a;
    background: #f3f3f3 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1' y='2' width='14' height='12' rx='1' fill='%23000'/><rect x='2' y='3' width='12' height='2' fill='%23ccc'/><path d='M4 7l2 2-2 2M7 11h4' stroke='%23fff' stroke-width='1.2' fill='none'/></svg>") 8px 7px / 16px 16px no-repeat;
}

.winoobe-cmd__title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 29px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 29'><path d='M14 14.5h10' stroke='%23222' stroke-width='1'/><rect x='64.5' y='9.5' width='9' height='9' fill='none' stroke='%23222'/><path d='M114 10l9 9M123 10l-9 9' stroke='%23222' stroke-width='1'/></svg>") 0 0 / 140px 29px no-repeat;
}

.winoobe-cmd__body {
    position: relative;
    width: 960px;
    height: 480px;
    margin: 0;
    padding: 2px 0 0 1px;
    box-sizing: border-box;
    white-space: pre;
    background: #0c0c0c;
}

.winoobe-cmd__body::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 3px;
    margin-left: 1px;
    vertical-align: baseline;
    background: #cccccc;
}

.winoobe-localwin {
    position: absolute;
    top: 33px;
    left: 48px;
    width: 800px;
    height: 632px;
    font-family: "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #ffffff;
    background: #005a9e;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.winoobe-localwin__titlebar {
    position: relative;
    height: 32px;
    padding: 0 0 0 11px;
    font-size: 12px;
    line-height: 32px;
    color: #1a1a1a;
    background: #f3f3f3;
}

.winoobe-localwin__controls {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 32px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 32'><path d='M14 16.5h10' stroke='%23222' stroke-width='1'/><rect x='64.5' y='11.5' width='9' height='9' fill='none' stroke='%23222'/><path d='M114 12l9 9M123 12l-9 9' stroke='%23222' stroke-width='1'/></svg>") 0 0 / 140px 32px no-repeat;
}

.winoobe-localwin__body {
    position: absolute;
    top: 32px;
    left: 0;
    width: 800px;
    height: 540px;
    padding: 0 0 0 65px;
    box-sizing: border-box;
    overflow: hidden;
}

.winoobe-localwin__heading {
    margin: 82px 0 30px;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
}

.winoobe-localwin__para {
    width: 672px;
    margin: 0 0 28px;
    font-size: 14px;
    line-height: 20px;
}

.winoobe-localwin__para strong {
    font-weight: 700;
}

.winoobe-localwin__label {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.winoobe-localwin__input {
    display: block;
    width: 294px;
    height: 28px;
    margin: 0 0 16px;
    padding: 0 10px;
    border: 2px solid #66869f;
    box-sizing: border-box;
    font: 400 14px/24px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #ffffff;
    background: #00365f;
    outline: none;
}

.winoobe-localwin__input::placeholder {
    color: #c6d3dd;
}

.winoobe-localwin__input:focus {
    border-color: #ffffff;
    color: #000000;
    background: #ffffff;
}

.winoobe-localwin__input:focus::placeholder {
    color: #767676;
}

.winoobe-localwin__select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.4'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 8px;
}

.winoobe-localwin__label--spaced {
    margin-top: 12px;
}

.winoobe-localwin__footer {
    position: absolute;
    right: 64px;
    bottom: 24px;
    left: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
}

.winoobe-localwin__a11y {
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 6px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='16' cy='16' r='11' fill='none' stroke='%23fff' stroke-width='1.6' stroke-dasharray='52 18'/><path d='M16 9v9h8' fill='none' stroke='%23fff' stroke-width='1.6'/><path d='M27 15l3 3-3 3' fill='none' stroke='%23fff' stroke-width='1.6'/></svg>") center / 32px 32px no-repeat;
}

.winoobe-localwin__buttons {
    display: flex;
    gap: 12px;
}

.winoobe-localwin__btn {
    width: 120px;
    height: 32px;
    border: 0;
    font: 400 15px/32px "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #ffffff;
    background: #0078d4;
    cursor: default;
}

.winoobe-localwin__btn--back {
    background: #337bb1;
}

.winoobe-localwin__btn:disabled {
    color: #ffffff;
    background: #337bb1;
}

/* --- Écran final « Cette opération peut prendre quelques minutes. » : dégradé radial bleu nuit --- */
.winoobe-finishing {
    position: absolute;
    inset: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    font-family: "Segoe UI Variable", "Segoe UI Win11", "Segoe UI", sans-serif;
    color: #ffffff;
    text-align: center;
    background: radial-gradient(ellipse 62% 70% at 50% 50%, #212a9a 0, #171f7a 35%, #0d1250 62%, #060515 90%, #000000 100%);
}

.winoobe-finishing__title {
    margin: 0 0 24px;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
}

.winoobe-finishing__text {
    margin: 0 0 32px;
    font-size: 17px;
    line-height: 22px;
}

/* --- Confidentialité (5 pages) : fond Spotlight flouté (bambous), carte teintée, options 417 px, « Accepter » --- */
.winoobe-host--spotlight {
    background: radial-gradient(ellipse 42% 30% at 50% 0, #ebf7d8 0, rgba(235, 247, 216, 0) 100%), linear-gradient(#bfc9bb 0, #a9b3a3 50%, #c4bcb1 85%, #cdc5b6 100%);
}

.winoobe-card--spotlight {
    background: linear-gradient(135deg, #eff3ee 0, #f8faef 50%, #f4f1ee 100%);
}

.winoobe-col--privacy .winoobe-title {
    margin-bottom: 12px;
}

.winoobe-col--privacy .winoobe-subtitle {
    margin-bottom: 36px;
    font-size: 14px;
    color: #404040;
}

.winoobe-privacy {
    width: 418px;
}

.winoobe-privacy--scroll {
    width: 438px;
    height: 278px;
    padding-right: 20px;
    box-sizing: border-box;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #b9b9b9 #e6e6e6;
}

.winoobe-privacy--scroll::-webkit-scrollbar {
    width: 14px;
}

.winoobe-privacy--scroll::-webkit-scrollbar-track {
    background: #e6e6e6;
}

.winoobe-privacy--scroll::-webkit-scrollbar-thumb {
    border: 3px solid #e6e6e6;
    border-radius: 7px;
    background: #b9b9b9;
}

.winoobe-choice--privacy {
    width: 418px;
    margin: 0 0 12px;
    padding: 20px 16px 16px;
    color: #404040;
    background: #fbfbfa;
}

.winoobe-choice--privacy .winoobe-choice__head {
    margin-bottom: 12px;
}

.winoobe-choice--privacy .winoobe-choice__title {
    color: #1a1a1a;
}

.winoobe-choice--privacy.is-selected {
    border-color: #003e92;
    color: #dae3ef;
    background: #003e92;
    box-shadow: none;
}

.winoobe-choice--privacy.is-selected .winoobe-choice__title {
    color: #ffffff;
}

.winoobe-choice--privacy.is-selected .winoobe-choice__icon {
    border-color: #ffffff;
}

.winoobe-choice__icon--location,
.winoobe-choice__icon--location-off {
    border-radius: 50% 50% 50% 0;
}

.winoobe-choice__icon--diag {
    border-radius: 4px;
}

.winoobe-choice__icon--pen,
.winoobe-choice__icon--pen-off {
    width: 20px;
    transform: rotate(-45deg);
}

.winoobe-choice__icon--bulb,
.winoobe-choice__icon--bulb-off {
    border-radius: 50% 50% 4px 4px;
}

.winoobe-footer .winoobe-btn--link {
    color: #003e92;
}