/**
 * Installateur Calamares (Qt Widgets, thème Breeze clair) — mise en page commune ; jetons surchargeables par la peau.
 * Vérité : KDE neon (ISO neon-user-desktop-20260716-0522), VM A1.3 (VMID 1906, 1280×800, 2026-10-23) : fenêtre 1026×550 à
 * (127,102), barre de titre 28 px ; barre latérale 190 px #dee0e2 (logo 80 px, étapes de 42 px, courante sur #eff0f1),
 * contenu #eff0f1 à x 318 ; boutons Breeze 31 px (#fcfcfc, contour #d1d1d2) alignés à droite à y 613.
 * Coordonnées du contenu relatives à son coin (318,131) : chaque page est posée au pixel relevé sur la VM.
 * Captures : root/docs/inventaires/captures/linux-kde-neon/visual-fidelity/install/vm/.
 */
main#calamaresApp {
    --cal-fg: #232629;
    --cal-muted: #707d8a;
    --cal-window: #eff0f1;
    --cal-sidebar: #dee0e2;
    --cal-button: #fcfcfc;
    --cal-border: #d1d1d2;
    --cal-line: #c6c8c9;
    --cal-accent: #3daee9;
    --cal-selection: #c2e0f5;
    --cal-progress: #72c2eb;
    --cal-progress-bg: #d2d3d5;
    --cal-font: "Noto Sans", sans-serif;
    position: var(--rel);
    display: var(--f);
    width: var(--full);
    height: var(--full);
    font-family: var(--cal-font);
    font-size: 13.3px;
    line-height: 1.35;
    color: var(--cal-fg);
    background: var(--cal-window);
    overflow: hidden;
    user-select: none;
}

main#calamaresApp .calamares-app__sidebar {
    position: var(--rel);
    display: var(--f);
    flex: 0 0 190px;
    flex-flow: var(--cnw);
    align-items: stretch;
    width: 190px;
    background: var(--cal-sidebar);
}

main#calamaresApp .calamares-app__logo {
    display: var(--bl);
    width: 80px;
    height: 80px;
    margin: 7px auto 8px;
}

main#calamaresApp .calamares-app__logo-img {
    display: var(--bl);
    width: 80px;
    height: 80px;
}

main#calamaresApp .calamares-app__steps {
    margin: 0;
    padding: 0;
    list-style: none;
}

main#calamaresApp .calamares-app__step {
    height: 42px;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
}

main#calamaresApp .calamares-app__step.is-current {
    background: var(--cal-window);
}

main#calamaresApp .calamares-app__about {
    position: var(--abs);
    bottom: 7px;
    left: 0;
    width: var(--full);
    font-size: 13.3px;
    text-align: center;
}

main#calamaresApp .calamares-app__about::before {
    content: 'ⓘ ';
}

main#calamaresApp .calamares-app__main {
    position: var(--rel);
    flex: 1 1 auto;
    min-width: 0;
}

main#calamaresApp .calamares-app__content {
    position: var(--abs);
    inset: 0;
}

main#calamaresApp .calamares-app__footer {
    position: var(--abs);
    top: 482px;
    right: 7px;
    display: var(--f);
    gap: 9px;
}

/* --- Boutons et champs Breeze --- */
main#calamaresApp .calamares-btn {
    display: inline-flex;
    align-items: var(--c);
    justify-content: var(--c);
    gap: 5px;
    height: 31px;
    padding: 0 9px;
    border: 1px solid var(--cal-border);
    border-radius: 3px;
    box-sizing: border-box;
    font: inherit;
    color: var(--cal-fg);
    background: var(--cal-button);
    cursor: pointer;
}

main#calamaresApp .calamares-btn:disabled {
    color: #a0a3a6;
    background: var(--cal-window);
    cursor: default;
}

main#calamaresApp .calamares-btn:focus-visible,
main#calamaresApp .calamares-input:focus-visible,
main#calamaresApp .calamares-combo:focus-visible {
    outline: 2px solid var(--cal-accent);
    outline-offset: -1px;
}

main#calamaresApp .calamares-btn__icon {
    width: 16px;
    height: 16px;
    background: center / contain no-repeat;
}

main#calamaresApp .calamares-btn--none .calamares-btn__icon {
    display: var(--n);
}

main#calamaresApp .calamares-btn--back .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M10 3L5 8l5 5' fill='none' stroke='%23232629' stroke-width='1.3'/></svg>");
}

main#calamaresApp .calamares-btn--next .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 3l5 5-5 5' fill='none' stroke='%23232629' stroke-width='1.3'/></svg>");
}

main#calamaresApp .calamares-btn--cancel .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='5.5' fill='none' stroke='%23232629' stroke-width='1.2'/><path d='M4.2 11.8l7.6-7.6' stroke='%23232629' stroke-width='1.2'/></svg>");
}

main#calamaresApp .calamares-btn--install .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='5.5' fill='none' stroke='%23232629' stroke-width='1.2'/><path d='M8 5v5M6 8l2 2 2-2' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>");
}

main#calamaresApp .calamares-btn--done .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 8.5l3.5 3.5L13 4.5' fill='none' stroke='%23232629' stroke-width='1.3'/></svg>");
}

main#calamaresApp .calamares-btn:disabled .calamares-btn__icon {
    opacity: 0.45;
}

main#calamaresApp .calamares-btn--small {
    width: 103px;
    padding: 0;
}

main#calamaresApp .calamares-label {
    white-space: nowrap;
}

main#calamaresApp .calamares-input {
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--cal-border);
    border-radius: 3px;
    box-sizing: border-box;
    font: inherit;
    color: var(--cal-fg);
    background: var(--cal-button);
}

main#calamaresApp .calamares-combo {
    position: var(--rel);
    display: var(--f);
    align-items: var(--c);
    height: 31px;
    padding: 0 30px 0 6px;
    border: 1px solid var(--cal-border);
    border-radius: 3px;
    box-sizing: border-box;
    background: var(--cal-button);
    cursor: pointer;
}

main#calamaresApp .calamares-combo__arrow {
    position: var(--abs);
    top: 9px;
    right: 8px;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>") center / contain no-repeat;
}

main#calamaresApp .calamares-combo__list {
    position: var(--abs);
    top: 30px;
    left: 0;
    width: var(--full);
    max-height: 240px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--cal-line);
    box-sizing: border-box;
    list-style: none;
    background: #f7f8f8;
    overflow-y: auto;
    z-index: 5;
}

main#calamaresApp .calamares-combo__item {
    display: var(--f);
    justify-content: space-between;
    padding: 2px 6px;
    line-height: 20px;
}

main#calamaresApp .calamares-combo__item.is-selected,
main#calamaresApp .calamares-combo__item:hover {
    color: #ffffff;
    background: var(--cal-accent);
}

main#calamaresApp .calamares-radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #bcbebf;
    border-radius: 50%;
    box-sizing: border-box;
    background: var(--cal-button);
}

main#calamaresApp input:checked + .calamares-radio {
    border-color: var(--cal-accent);
    background: radial-gradient(circle, #232629 3px, #c2e4f6 3.5px);
}

main#calamaresApp .calamares-check {
    display: inline-flex;
    align-items: var(--c);
    gap: 7px;
    cursor: pointer;
}

main#calamaresApp .calamares-check input,
main#calamaresApp .calamares-part__option input {
    position: var(--abs);
    width: 1px;
    height: 1px;
    opacity: 0;
}

main#calamaresApp .calamares-check__box {
    width: 16px;
    height: 16px;
    border: 1px solid #bcbebf;
    border-radius: 3px;
    box-sizing: border-box;
    background: var(--cal-button);
}

main#calamaresApp .calamares-check input:checked + .calamares-check__box {
    border-color: var(--cal-accent);
    background: #c2e4f6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 8.3l2.7 2.7L12 5.5' fill='none' stroke='%233e464c' stroke-width='1.6'/></svg>") center / 14px no-repeat;
}

main#calamaresApp .calamares-check input:focus-visible + .calamares-check__box,
main#calamaresApp .calamares-part__option input:focus-visible + .calamares-radio {
    outline: 2px solid var(--cal-accent);
    outline-offset: 1px;
}

/* --- Bienvenue --- */
main#calamaresApp .calamares-h1 {
    position: var(--abs);
    top: 46px;
    left: 0;
    width: var(--full);
    margin: 0;
    font-size: 27px;
    font-weight: 700;
    line-height: 37px;
    text-align: center;
}

main#calamaresApp .calamares-text {
    margin: 0;
}

main#calamaresApp .calamares-app__content--welcome .calamares-text--center {
    position: var(--abs);
    top: 131px;
    left: 0;
    width: var(--full);
    text-align: center;
}

main#calamaresApp .calamares-welcome__image {
    position: var(--abs);
    top: 179px;
    left: 102px;
    width: 630px;
}

main#calamaresApp .calamares-welcome__lang {
    position: var(--abs);
    top: 393px;
    left: 53px;
    display: var(--f);
    align-items: var(--c);
    gap: 14px;
}

main#calamaresApp .calamares-welcome__lang-icon {
    width: 34px;
    height: 34px;
}

main#calamaresApp .calamares-welcome__combo {
    width: 686px;
}

/* --- Emplacement --- */
main#calamaresApp .calamares-map {
    position: var(--abs);
    top: 12px;
    left: 27px;
    width: 780px;
    height: 340px;
}

main#calamaresApp .calamares-map__bg,
main#calamaresApp .calamares-map__zone {
    position: var(--abs);
    inset: 0;
    width: 780px;
    height: 340px;
}

main#calamaresApp .calamares-map__pin {
    position: var(--abs);
    width: 0;
    height: 0;
}

main#calamaresApp .calamares-map__pin-img {
    position: var(--abs);
    top: -8px;
    left: -8px;
    width: 16px;
    height: 16px;
}

main#calamaresApp .calamares-map__tip {
    position: var(--abs);
    top: -31px;
    left: -24px;
    padding: 0 5px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    background: #2a2e32;
}

main#calamaresApp .calamares-location__row {
    position: var(--abs);
    top: 357px;
    left: 12px;
    display: var(--f);
    align-items: var(--c);
    gap: 6px;
}

main#calamaresApp .calamares-location__region,
main#calamaresApp .calamares-location__zone {
    width: 341px;
}

main#calamaresApp .calamares-location__zone-label {
    margin-left: 21px;
}

main#calamaresApp .calamares-location__line {
    position: var(--abs);
    left: 12px;
    display: var(--f);
    align-items: var(--c);
    justify-content: space-between;
    width: 810px;
}

main#calamaresApp .calamares-location__line:nth-of-type(3) {
    top: 396px;
}

main#calamaresApp .calamares-location__line:nth-of-type(4) {
    top: 436px;
}

/* --- Clavier --- */
main#calamaresApp .calamares-kbd {
    position: var(--abs);
    top: 18px;
    left: 67px;
    width: 701px;
    height: 191px;
    border: 1px solid #505255;
    box-sizing: border-box;
    background: #d6d6d6;
}

main#calamaresApp .calamares-kbd__key {
    position: var(--abs);
    height: 41px;
    margin: 5px 0 0 5px;
    border-radius: 3px;
    background: #585858;
}

main#calamaresApp .calamares-kbd__up {
    position: var(--abs);
    top: 3px;
    left: 9px;
    font-size: 13px;
    color: #86cd25;
}

main#calamaresApp .calamares-kbd__lo {
    position: var(--abs);
    top: 19px;
    left: 9px;
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
}

main#calamaresApp .calamares-kbd__model {
    position: var(--abs);
    top: 232px;
    left: 6px;
    display: var(--f);
    align-items: var(--c);
    gap: 11px;
}

main#calamaresApp .calamares-kbd__model-combo {
    width: 655px;
}

main#calamaresApp .calamares-kbd__reset {
    width: 32px;
    padding: 0;
}

main#calamaresApp .calamares-kbd__reset-img {
    width: 18px;
    height: 18px;
}

main#calamaresApp .calamares-kbd__lists {
    position: var(--abs);
    top: 273px;
    left: 6px;
    display: var(--f);
    gap: 9px;
}

main#calamaresApp .calamares-list {
    width: 407px;
    height: 161px;
    margin: 0;
    padding: 1px 0;
    border: 1px solid var(--cal-line);
    box-sizing: border-box;
    list-style: none;
    background: #ffffff;
    overflow: hidden;
}

main#calamaresApp .calamares-list__item {
    height: 24px;
    padding: 0 7px;
    line-height: 24px;
}

main#calamaresApp .calamares-list__item.is-selected {
    background: var(--cal-selection);
}

main#calamaresApp .calamares-kbd__test {
    position: var(--abs);
    top: 442px;
    left: 6px;
    display: var(--f);
    align-items: var(--c);
    gap: 9px;
}

main#calamaresApp .calamares-kbd__test-input {
    width: 200px;
}

main#calamaresApp .calamares-kbd__switch {
    width: 483px;
}

/* --- Partitions --- */
main#calamaresApp .calamares-part__top {
    position: var(--abs);
    top: 7px;
    left: 8px;
    display: var(--f);
    align-items: var(--c);
    gap: 27px;
}

main#calamaresApp .calamares-part__efi {
    display: inline-flex;
    align-items: var(--c);
    gap: 6px;
}

main#calamaresApp .calamares-part__efi-img {
    width: 22px;
    height: 22px;
}

main#calamaresApp .calamares-part__device {
    width: 315px;
}

main#calamaresApp .calamares-part__option {
    position: var(--abs);
    left: 8px;
    display: var(--f);
    align-items: var(--c);
    gap: 10px;
    cursor: pointer;
}

main#calamaresApp .calamares-part__option:nth-of-type(1) {
    top: 56px;
}

main#calamaresApp .calamares-part__option:nth-of-type(2) {
    top: 116px;
}

main#calamaresApp .calamares-part__swap + .calamares-part__option,
main#calamaresApp .calamares-part__option:has(+ .calamares-part__swap) ~ .calamares-part__option,
main#calamaresApp .calamares-part__combos + .calamares-part__option {
    top: 166px;
}

main#calamaresApp .calamares-part__icon {
    width: 40px;
    height: 40px;
    margin-left: 4px;
}

main#calamaresApp .calamares-part__text {
    display: var(--f);
    flex-flow: var(--cnw);
    gap: 2px;
    margin-left: 4px;
}

main#calamaresApp .calamares-part__title {
    font-weight: 700;
}

main#calamaresApp .calamares-part__warn {
    color: #f3661d;
}

main#calamaresApp .calamares-part__combos {
    position: var(--abs);
    top: 117px;
    left: 103px;
    display: var(--f);
    gap: 9px;
}

main#calamaresApp .calamares-part__swap {
    position: var(--abs);
    top: 117px;
    left: 103px;
    width: 183px;
}

main#calamaresApp .calamares-part__bottom {
    position: var(--abs);
    top: 386px;
    left: 6px;
    width: 822px;
    padding-top: 8px;
    border-top: 1px solid var(--cal-line);
}

main#calamaresApp .calamares-part__bottom.has-after {
    top: 280px;
}

main#calamaresApp .calamares-part__bottom > .calamares-check {
    height: 18px;
    margin: 6px 0 12px 10px;
}

main#calamaresApp .calamares-part__bar-row {
    display: var(--f);
    align-items: var(--c);
    gap: 7px;
    height: 33px;
}

main#calamaresApp .calamares-part__bar {
    display: var(--f);
    flex: 1 1 auto;
    height: 33px;
    border: 1px solid #b9bbbd;
    border-radius: 4px;
    overflow: hidden;
}

main#calamaresApp .calamares-part__seg {
    display: var(--bl);
}

main#calamaresApp .calamares-part__legend {
    display: var(--f);
    gap: 24px;
    height: 32px;
    margin: 6px 0 7px 51px;
}

main#calamaresApp .calamares-part__legend-item {
    display: var(--f);
    align-items: var(--fs);
    gap: 6px;
}

main#calamaresApp .calamares-part__swatch {
    width: 12px;
    height: 12px;
    margin-top: 3px;
    border-radius: 2px;
}

main#calamaresApp .calamares-part__legend-text {
    display: var(--f);
    flex-flow: var(--cnw);
}

main#calamaresApp .calamares-part__legend-text small {
    font-size: 12px;
    color: #9a9da0;
}

/* --- Utilisateurs --- */
main#calamaresApp .calamares-users {
    position: var(--abs);
    top: 13px;
    left: 6px;
}

main#calamaresApp .calamares-users__q {
    display: var(--bl);
    height: 23px;
}

main#calamaresApp .calamares-users__row {
    display: var(--f);
    align-items: var(--c);
    gap: 7px;
    height: 32px;
    margin-bottom: 13px;
}

main#calamaresApp .calamares-users__input {
    width: 200px;
}

main#calamaresApp .calamares-users__status {
    display: var(--f);
    align-items: var(--c);
    gap: 6px;
    max-width: 330px;
    font-size: 13.3px;
    line-height: 18px;
}

main#calamaresApp .calamares-users__icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

main#calamaresApp .calamares-users__strong {
    margin: 2px 0 0 10px;
}

/* --- Installer : diaporama et progression --- */
main#calamaresApp .calamares-slides {
    position: var(--abs);
    top: 6px;
    left: 87px;
    width: 659px;
    height: 395px;
    overflow: hidden;
}

main#calamaresApp .calamares-slide {
    position: var(--abs);
    inset: 0;
    margin: 0;
    opacity: 0;
}

main#calamaresApp .calamares-slide.is-active {
    opacity: 1;
}

main#calamaresApp .calamares-slide__img {
    display: var(--bl);
    width: 659px;
    height: 395px;
    object-fit: cover;
}

main#calamaresApp .calamares-slide__caption {
    position: var(--abs);
    top: 9px;
    left: 9px;
    font-size: 18px;
    color: #fcfcfc;
}

main#calamaresApp .calamares-slide__caption.is-dark {
    color: #000000;
}

main#calamaresApp .calamares-progress {
    position: var(--abs);
    top: 422px;
    left: 6px;
    display: var(--f);
    align-items: var(--c);
    gap: 14px;
    width: 822px;
}

main#calamaresApp .calamares-progress__bar {
    flex: 0 0 736px;
    height: 8px;
    border-radius: 4px;
    background: var(--cal-progress-bg);
    overflow: hidden;
}

main#calamaresApp .calamares-progress__fill {
    display: var(--bl);
    height: var(--full);
    border-radius: 4px;
    background: var(--cal-progress);
}

main#calamaresApp .calamares-progress__pct {
    width: 28px;
    color: #494341;
}

main#calamaresApp .calamares-progress__log {
    width: 22px;
    height: 22px;
    margin-left: 4px;
}

main#calamaresApp .calamares-progress__status {
    position: var(--abs);
    top: 456px;
    left: 6px;
    margin: 0;
}

/* --- Terminer --- */
main#calamaresApp .calamares-app__content--finished .calamares-h1 {
    top: 160px;
}

main#calamaresApp .calamares-finished .calamares-text--center {
    position: var(--abs);
    left: 0;
    width: var(--full);
    text-align: center;
}

main#calamaresApp .calamares-finished .calamares-text--center:nth-of-type(1) {
    top: 226px;
}

main#calamaresApp .calamares-finished .calamares-text--center:nth-of-type(2) {
    top: 244px;
}

main#calamaresApp .calamares-finished__reboot {
    position: var(--abs);
    top: 320px;
    left: 333px;
}

/* --- Session live : raccourci « Install System » et Centre d'accueil (fenêtre Plasma posée sur le bureau) --- */
.calamares-live-shortcut {
    position: var(--abs);
    top: 11px;
    left: 8px;
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    width: 100px;
    font-family: "Noto Sans", sans-serif;
    font-size: 13.3px;
    color: #ffffff;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    pointer-events: auto;
    z-index: 2;
}

.calamares-live-shortcut__img {
    width: 56px;
    height: 56px;
}

.calamares-welcomecenter {
    position: var(--abs);
    top: 97px;
    left: 315px;
    display: var(--f);
    flex-flow: var(--cnw);
    width: 650px;
    height: 606px;
    border: 1px solid #b9bbbd;
    box-sizing: border-box;
    font-family: "Noto Sans", sans-serif;
    font-size: 13.3px;
    color: #232629;
    background: #eff0f1;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
    z-index: 3;
}

.calamares-welcomecenter__titlebar {
    position: var(--rel);
    display: var(--f);
    flex: 0 0 28px;
    align-items: var(--c);
    justify-content: var(--c);
    background: #dee0e2;
}

.calamares-welcomecenter__appicon {
    position: var(--abs);
    top: 6px;
    left: 8px;
    width: 16px;
    height: 16px;
    background: radial-gradient(circle at 30% 30%, #232629 2px, transparent 2.5px), radial-gradient(circle at 70% 60%, #3daee9 2px, transparent 2.5px);
}

.calamares-welcomecenter__winbtn,
.calamares-welcomecenter__close {
    position: var(--abs);
    top: 6px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    background: center / 12px no-repeat transparent;
}

.calamares-welcomecenter__winbtn--min {
    right: 54px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>");
}

.calamares-welcomecenter__winbtn--max {
    right: 30px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 8l4-4 4 4' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>");
}

.calamares-welcomecenter__close {
    right: 6px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 2l8 8M10 2l-8 8' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>");
}

.calamares-welcomecenter__wintitle {
    font-size: 13.3px;
}

.calamares-welcomecenter__head {
    position: var(--rel);
    display: var(--f);
    flex: 0 0 45px;
    align-items: var(--c);
    padding: 0 18px;
    border-bottom: 1px solid #b5b9bd;
    background: #dee0e2;
}

.calamares-welcomecenter__title {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.calamares-welcomecenter__menu {
    position: var(--abs);
    top: 14px;
    right: 22px;
    width: 4px;
    height: 16px;
    background: radial-gradient(circle, #232629 1.6px, transparent 1.9px) 0 0 / 4px 6px repeat-y;
}

.calamares-welcomecenter__body {
    position: var(--rel);
    flex: 1 1 auto;
    padding: 18px 18px 0;
}

.calamares-welcomecenter__text {
    margin: 0 0 18px;
    line-height: 18px;
}

.calamares-welcomecenter__link {
    display: table;
    margin-bottom: 13px;
    color: #2980b9;
}

.calamares-welcomecenter__link::after {
    content: ' ↗';
}

.calamares-welcomecenter__card-stage {
    position: var(--abs);
    top: 169px;
    left: 180px;
    width: 290px;
    height: 290px;
}

.calamares-welcomecenter__watermark {
    position: var(--abs);
    inset: 0;
    width: 290px;
    height: 290px;
    opacity: 0.1;
    filter: grayscale(1);
}

.calamares-welcomecenter__card {
    position: var(--abs);
    top: 3px;
    left: 56px;
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    width: 177px;
    height: 225px;
    padding: 13px 0 0;
    border: 1px solid #3daee9;
    border-radius: 3px;
    box-sizing: border-box;
    font: inherit;
    font-size: 14.7px;
    color: #232629;
    background: rgba(219, 232, 233, 0.85);
    cursor: pointer;
}

.calamares-welcomecenter__card-icon {
    width: 150px;
    height: 150px;
    margin-bottom: 26px;
}

.calamares-welcomecenter__figure {
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    margin: 4px 0 0;
}

.calamares-welcomecenter__image {
    width: 187px;
    height: 212px;
}

.calamares-welcomecenter__caption {
    width: 320px;
    margin-top: 2px;
    line-height: 18px;
    text-align: center;
}

.calamares-welcomecenter__foot {
    display: var(--f);
    flex: 0 0 47px;
    align-items: var(--c);
    justify-content: space-between;
    padding: 0 11px;
    border-top: 1px solid #c2c5c9;
    background: #dee0e2;
}

.calamares-welcomecenter__foot .calamares-btn {
    display: inline-flex;
    align-items: var(--c);
    gap: 5px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #d1d1d2;
    border-radius: 3px;
    font: inherit;
    color: #232629;
    background: #fcfcfc;
    cursor: pointer;
}

.calamares-welcomecenter__foot .calamares-btn__icon {
    width: 14px;
    height: 14px;
    background: center / contain no-repeat;
}

.calamares-welcomecenter__foot .calamares-btn--skip .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='5.5' fill='none' stroke='%23232629' stroke-width='1.2'/><path d='M4.2 11.8l7.6-7.6' stroke='%23232629' stroke-width='1.2'/></svg>");
}

.calamares-welcomecenter__foot .calamares-btn--forward .calamares-btn__icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 3l5 5-5 5' fill='none' stroke='%23232629' stroke-width='1.3'/></svg>");
}

.calamares-welcomecenter__dots {
    display: var(--f);
    gap: 8px;
}

.calamares-welcomecenter__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #a1a3a6;
}

.calamares-welcomecenter__dot.is-on {
    background: #232629;
}

/* --- Phases plein écran --- */
.calamares-stage {
    font-family: "Noto Sans", sans-serif;
}

.calamares-grub {
    position: var(--abs);
    inset: 0;
    background: #000000;
}

.calamares-grub__frame {
    position: var(--abs);
    top: 0;
    left: 0;
    width: 800px;
    height: 600px;
    font: 16px/19px "Hack", "DejaVu Sans Mono", monospace;
    color: #7f7f7f;
    transform-origin: 0 0;
}

.calamares-grub__title {
    position: var(--abs);
    top: 75px;
    left: 0;
    width: var(--full);
    margin: 0;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

.calamares-grub__menu {
    position: var(--abs);
    top: 150px;
    left: 0;
    width: 800px;
    height: 200px;
    margin: 0;
    padding: 21px 0 0;
    border-radius: 12px;
    box-sizing: border-box;
    list-style: none;
    background: #202020;
}

.calamares-grub__entry {
    height: 34px;
    padding-left: 17px;
    white-space: pre;
}

.calamares-grub__entry.is-selected {
    font-weight: 700;
    color: #ffffff;
}

.calamares-grub__help {
    position: var(--abs);
    top: 413px;
    left: 0;
    width: var(--full);
    font-size: 14px;
    line-height: 15px;
    text-align: center;
}

.calamares-grub__help p {
    margin: 0;
    white-space: pre;
}

.calamares-plymouth {
    position: var(--abs);
    inset: 0;
    color: #eff0f1;
    background: #000000;
}

.calamares-plymouth__logo {
    position: var(--abs);
    top: 336px;
    left: 576px;
    width: 128px;
    height: 119px;
}

.calamares-plymouth__title {
    position: var(--abs);
    top: 464px;
    left: 0;
    width: var(--full);
    margin: 0;
    font-size: 18.7px;
    text-align: center;
}

.calamares-plymouth__spinner {
    position: var(--abs);
    top: 520px;
    left: 628px;
    width: 24px;
    height: 24px;
    animation: calamares-spin 1.6s linear infinite;
}

.calamares-plymouth__message {
    position: var(--abs);
    top: 601px;
    left: 0;
    width: var(--full);
    margin: 0;
    font-size: 16px;
    text-align: center;
}

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

.calamares-sddm {
    position: var(--abs);
    inset: 0;
    color: #ffffff;
    background: #2b5277;
    overflow: hidden;
}

.calamares-sddm__bg {
    position: var(--abs);
    inset: -18%;
    background: center 40% / cover no-repeat;
    filter: blur(22px) brightness(0.88);
}

.calamares-sddm__input::placeholder,
.calamares-sddm__input:focus::placeholder {
    color: #7f8c8d;
    opacity: 1;
}

.calamares-sddm__clock,
.calamares-sddm__date,
.calamares-sddm__name,
.calamares-sddm__session {
    position: var(--abs);
    left: 0;
    width: var(--full);
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.calamares-sddm__clock {
    top: 55px;
    font-size: 96px;
    font-weight: 700;
    line-height: 1.1;
}

.calamares-sddm__date {
    top: 178px;
    font-size: 32px;
}

.calamares-sddm__avatar {
    position: var(--abs);
    top: 265px;
    left: 578px;
    width: 124px;
    height: 124px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    background: #31363b url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8.5' r='4' fill='none' stroke='white' stroke-width='1.1'/><path d='M4.5 20.5c0-4.2 3.4-7 7.5-7s7.5 2.8 7.5 7' fill='none' stroke='white' stroke-width='1.1'/></svg>") center / 76% no-repeat;
}

.calamares-sddm__name {
    top: 411px;
    font-size: 20px;
}

.calamares-sddm__form {
    position: var(--abs);
    top: 463px;
    left: 496px;
    display: var(--f);
    gap: 6px;
}

.calamares-sddm__input {
    width: 248px;
    height: 32px;
    padding: 0 30px 0 6px;
    border: 1px solid #3daee9;
    border-radius: 3px;
    box-sizing: border-box;
    font: inherit;
    font-size: 13.3px;
    color: #232629;
    background: #ffffff;
}

.calamares-sddm__eye {
    position: var(--abs);
    top: 8px;
    left: 222px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.5 8s2.4-4 6.5-4 6.5 4 6.5 4-2.4 4-6.5 4-6.5-4-6.5-4z' fill='none' stroke='%23232629'/><circle cx='8' cy='8' r='2' fill='%23232629'/></svg>") center / contain no-repeat;
}

.calamares-sddm__go {
    width: 33px;
    height: 32px;
    padding: 0;
    border: 1px solid #d1d1d2;
    border-radius: 3px;
    background: #fcfcfc url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 3l5 5-5 5' fill='none' stroke='%23232629' stroke-width='1.3'/></svg>") center / 16px no-repeat;
}

.calamares-sddm.is-failed .calamares-sddm__input {
    border-color: #da4453;
}

.calamares-sddm__actions {
    position: var(--abs);
    top: 655px;
    left: 0;
    display: var(--f);
    justify-content: var(--c);
    gap: 83px;
    width: var(--full);
    margin: 0;
    padding: 0;
    list-style: none;
}

.calamares-sddm__action {
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    gap: 10px;
    width: 46px;
    font-size: 13.3px;
    white-space: nowrap;
}

.calamares-sddm__action-icon {
    width: 32px;
    height: 32px;
    background: center / contain no-repeat;
}

.calamares-sddm__action--suspend .calamares-sddm__action-icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M14 6a10 10 0 1 0 12 12A9 9 0 0 1 14 6z' fill='none' stroke='white' stroke-width='1.4'/></svg>");
}

.calamares-sddm__action--reboot .calamares-sddm__action-icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M7 13a10 10 0 0 1 18-2M25 19a10 10 0 0 1-18 2M25 6v5h-5M7 26v-5h5' fill='none' stroke='white' stroke-width='1.4'/></svg>");
}

.calamares-sddm__action--poweroff .calamares-sddm__action-icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M10 9a10 10 0 1 0 12 0M16 5v10' fill='none' stroke='white' stroke-width='1.4'/></svg>");
}

.calamares-sddm__action--other .calamares-sddm__action-icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='5' y='8' width='22' height='7' fill='none' stroke='white' stroke-width='1.3'/><rect x='5' y='17' width='22' height='7' fill='none' stroke='white' stroke-width='1.3'/></svg>");
}

.calamares-sddm__session {
    top: auto;
    bottom: 4px;
    left: 10px;
    width: auto;
    font-size: 11px;
    text-align: left;
}

@media (prefers-reduced-motion: reduce) {
    .calamares-plymouth__spinner {
        animation: none;
    }
}

/* =====================================================================================================================
 * Composants relevés sur Manjaro KDE (VM A1.3 temporaire, VMID 1907, manjaro-kde-25.0.9, 1280×800, 2026-10-23) :
 * barre latérale QML à pastilles (calamares-sidebar.qml), Office Suite (packagechooser), Résumé, boîte de confirmation,
 * diaporama QML en calques, GRUB à thème graphique, plymouth two-step et fenêtre d'accueil façon Manjaro Hello.
 * Les couleurs de marque passent par des jetons que la peau redéfinit.
 * ===================================================================================================================== */
/* reset.css impose font-family: var(--font) à tout élément : les composants héritent de leur racine. */
main#calamaresApp *,
.calamares-hello *,
.calamares-grubtheme__frame *,
.calamares-plymouth *,
.calamares-sddm * {
    font-family: inherit;
}

main#calamaresApp.calamares-app--dots {
    --cal-dot-on: #35bfa4;
    --cal-dot-off: #bdc1c6;
    --cal-sidebar-bg: #454948;
    --cal-sidebar-fg: #efefef;
}

main#calamaresApp.calamares-app--dots .calamares-app__sidebar {
    flex: 0 0 190px;
    width: 190px;
    background: linear-gradient(to right, var(--cal-sidebar-bg) 172px, var(--cal-window) 172px);
}

main#calamaresApp.calamares-app--dots .calamares-app__logo {
    position: var(--rel);
    display: var(--f);
    align-items: var(--c);
    width: auto;
    height: 55px;
    margin: 0;
    padding-left: 17px;
}

main#calamaresApp.calamares-app--dots .calamares-app__logo::after {
    position: var(--abs);
    top: 0;
    left: 170px;
    width: 5px;
    height: 55px;
    background: var(--cal-dot-on);
    content: '';
}

main#calamaresApp.calamares-app--dots .calamares-app__logo-img {
    width: 27px;
    height: 27px;
}

main#calamaresApp.calamares-app--dots .calamares-app__logo-text {
    margin-left: 6px;
    font-size: 21px;
    color: var(--cal-sidebar-fg);
}

main#calamaresApp.calamares-app--dots .calamares-app__step {
    position: var(--rel);
    display: var(--f);
    align-items: var(--c);
    height: 50px;
    padding-left: 12px;
    font-size: 16px;
    line-height: 50px;
    color: var(--cal-sidebar-fg);
    background: none;
    text-align: left;
}

main#calamaresApp.calamares-app--dots .calamares-app__mark {
    position: var(--abs);
    top: 0;
    left: 155px;
    width: 35px;
    height: 50px;
}

main#calamaresApp.calamares-app--dots .calamares-app__line {
    position: var(--abs);
    left: 15px;
    width: 5px;
    height: 25px;
    background: var(--cal-dot-off);
}

main#calamaresApp.calamares-app--dots .calamares-app__line--top {
    top: 0;
}

main#calamaresApp.calamares-app--dots .calamares-app__line--bottom {
    top: 25px;
}

main#calamaresApp.calamares-app--dots .calamares-app__line.is-on,
main#calamaresApp.calamares-app--dots .calamares-app__dot.is-on {
    background: var(--cal-dot-on);
}

main#calamaresApp.calamares-app--dots .calamares-app__dot {
    position: var(--abs);
    top: 13.6px;
    left: 6.1px;
    width: 22.75px;
    height: 22.75px;
    border-radius: 50%;
    background: var(--cal-dot-off);
}

main#calamaresApp.calamares-app--dots .calamares-app__ring {
    position: var(--abs);
    top: 8.5px;
    left: 1px;
    width: 33px;
    height: 33px;
    border: 3px solid var(--cal-dot-on);
    border-radius: 50%;
    box-sizing: border-box;
}

main#calamaresApp.calamares-app--dots .calamares-app__steps::after {
    position: var(--abs);
    top: 455px;
    bottom: 0;
    left: 170px;
    width: 5px;
    background: var(--cal-dot-off);
    content: '';
}

main#calamaresApp.calamares-app--dots.is-last-step .calamares-app__steps::after {
    background: var(--cal-dot-on);
}

main#calamaresApp.calamares-app--dots .calamares-app__about {
    display: var(--n);
}

/* --- Office Suite (packagechooser) --- */
main#calamaresApp .calamares-pkg__list {
    position: var(--abs);
    top: 6px;
    left: 6px;
    width: 180px;
    height: 508px;
}

main#calamaresApp .calamares-pkg__info {
    position: var(--abs);
    top: 6px;
    left: 192px;
    width: 636px;
    height: 508px;
}

main#calamaresApp .calamares-pkg__name {
    margin: 0;
}

main#calamaresApp .calamares-pkg__image {
    position: var(--abs);
    top: 86px;
    left: 0;
    width: 636px;
    height: 318px;
    object-fit: contain;
    background: #dcdcdc;
}

main#calamaresApp .calamares-pkg__desc {
    position: var(--abs);
    bottom: 0;
    left: 0;
    margin: 0;
}

/* --- Résumé --- */
main#calamaresApp .calamares-summary__intro {
    position: var(--abs);
    top: 6px;
    left: 6px;
    margin: 0;
}

main#calamaresApp .calamares-summary__scroll {
    position: var(--abs);
    top: 31px;
    left: 6px;
    width: 822px;
    height: 476px;
    overflow: hidden;
}

main#calamaresApp .calamares-summary__title {
    margin: 0;
    font-size: 26.67px;
    font-weight: 400;
    line-height: 40px;
}

main#calamaresApp .calamares-summary__body {
    margin: 5px 21px 13px 36px;
    padding: 8px 10px 9px;
    background: #ffffff;
}

main#calamaresApp .calamares-summary__line {
    margin: 0;
    line-height: 18px;
}

/* --- Boîte de confirmation (QMessageBox) --- */
main#calamaresApp .calamares-confirm {
    position: var(--abs);
    inset: 0;
    z-index: 20;
}

main#calamaresApp .calamares-confirm__box {
    position: var(--abs);
    top: 162px;
    left: 261px;
    width: 500px;
    border: 1px solid #b9bbbd;
    background: var(--cal-window);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
}

main#calamaresApp .calamares-confirm__titlebar {
    position: var(--rel);
    display: var(--f);
    align-items: var(--c);
    height: 28px;
    background: #dee0e2;
}

main#calamaresApp .calamares-confirm__title {
    flex: 1 1 auto;
    text-align: center;
}

main#calamaresApp .calamares-confirm__body {
    display: var(--f);
    gap: 14px;
    padding: 12px 10px 0;
}

main#calamaresApp .calamares-confirm__icon {
    width: 64px;
    height: 64px;
}

main#calamaresApp .calamares-confirm__text p {
    margin: 0;
}

main#calamaresApp .calamares-confirm__strong {
    font-weight: 700;
}

main#calamaresApp .calamares-confirm__buttons {
    display: var(--f);
    justify-content: flex-end;
    gap: 6px;
    padding: 8px 10px 10px;
}

/* --- Diaporama en calques (scène QML) --- */
main#calamaresApp .calamares-slides--scene {
    background: #103e49;
    overflow: hidden;
}

main#calamaresApp .calamares-scene,
main#calamaresApp .calamares-scene__layer {
    position: var(--abs);
    inset: 0;
}

main#calamaresApp .calamares-scene__layer {
    background-repeat: no-repeat;
}

main#calamaresApp .calamares-slide--text {
    position: var(--abs);
    top: 0;
    left: 0;
    color: #ffffff;
}

main#calamaresApp .calamares-slide--text p {
    margin: 0;
}

/* --- GRUB à thème graphique --- */
.calamares-grubtheme {
    position: var(--fix);
    inset: 0;
    background: #24282c;
    overflow: hidden;
}

.calamares-grubtheme__frame {
    position: var(--abs);
    top: 0;
    left: 0;
    width: 1024px;
    height: 768px;
    font: 18px/18px "Terminus GRUB 18", monospace;
    color: #cccccc;
    background: #24282c center / 100% 100% no-repeat;
    transform-origin: 0 0;
}

.calamares-grubtheme__logo {
    position: var(--abs);
    top: 47px;
    left: 57px;
    width: 360px;
    height: 90px;
}

.calamares-grubtheme__menu {
    position: var(--abs);
    top: 235px;
    left: 158px;
    width: 704px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.calamares-grubtheme__entry {
    display: var(--f);
    align-items: var(--c);
    height: 30px;
    margin-bottom: 5px;
    line-height: 30px;
}

.calamares-grubtheme__entry.is-selected {
    color: #1abb9b;
    background: var(--grub-select, #44484b) center / 100% 100% no-repeat;
}

.calamares-grubtheme__icon {
    width: 32px;
    height: 32px;
    margin-right: 20px;
}

.calamares-grubtheme__icon-img {
    display: var(--bl);
    width: 32px;
    height: 32px;
}

.calamares-grubtheme__timeout {
    position: var(--abs);
    top: 540px;
    left: 387px;
    width: 250px;
    height: 20px;
    margin: 0;
    font: 18px/20px "Terminus GRUB 18", monospace;
    color: #ffffff;
    text-align: center;
}

.calamares-grubtheme__help {
    position: var(--abs);
    top: 613px;
    left: 262px;
    display: var(--f);
    width: 500px;
    color: #ffffff;
}

.calamares-grubtheme__help span {
    width: 250px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

/* --- Plymouth two-step : filigrane en bas, roulette en images --- */
.calamares-plymouth__watermark {
    position: var(--abs);
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
}

/* --- Fenêtre d'accueil façon Manjaro Hello (GTK) --- */
.calamares-hello {
    position: var(--abs);
    top: 50px;
    left: 240px;
    width: 800px;
    height: 700px;
    border-radius: 7px 7px 7px 7px;
    font: 13.3px/1.4 "Noto Sans", sans-serif;
    color: #232629;
    background: #eff0f1;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    pointer-events: auto;
}

.calamares-hello__titlebar {
    position: var(--rel);
    display: var(--f);
    align-items: var(--c);
    height: 48px;
    border-top: 1px solid #ffffff;
    box-sizing: border-box;
    background: #e3e5e7;
}

.calamares-hello__appicon {
    position: var(--abs);
    top: 15px;
    left: 7px;
    width: 18px;
    height: 18px;
}

.calamares-hello__names {
    position: var(--abs);
    top: 7px;
    left: 0;
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    width: var(--full);
    line-height: 17px;
}

.calamares-hello__winsub {
    font-size: 11.5px;
    color: #8e9296;
}

.calamares-hello__winbtn {
    position: var(--abs);
    top: 14px;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    background: center / 16px no-repeat;
}

.calamares-hello__winbtn--about {
    left: 655px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='6.2' fill='none' stroke='%23232629' stroke-width='1.2'/><path d='M8 7v4.5M8 4.6v1.2' stroke='%23232629' stroke-width='1.4'/></svg>");
}

.calamares-hello__winbtn--min {
    left: 697px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>");
}

.calamares-hello__winbtn--max {
    left: 734px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 10.5L8 6l4.5 4.5' fill='none' stroke='%23232629' stroke-width='1.2'/></svg>");
}

.calamares-hello__winbtn--close {
    left: 770px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 4l8 8M12 4l-8 8' stroke='%23232629' stroke-width='1.2'/></svg>");
    cursor: pointer;
}

.calamares-hello__body {
    position: var(--abs);
    top: 48px;
    left: 0;
    width: 800px;
    height: 652px;
}

.calamares-hello__logo {
    position: var(--abs);
    top: 15px;
    left: 373px;
    width: 54px;
    height: 54px;
}

.calamares-hello__title {
    position: var(--abs);
    top: 93px;
    left: 0;
    width: var(--full);
    margin: 0;
    font-size: 26.6px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
}

.calamares-hello__text {
    position: var(--abs);
    left: 10px;
    width: 780px;
    margin: 0;
    line-height: 19px;
}

.calamares-hello__text:nth-of-type(1) {
    top: 152px;
}

.calamares-hello__text:nth-of-type(2) {
    top: 190px;
}

.calamares-hello__columns {
    position: var(--abs);
    top: 248px;
    left: 10px;
    display: var(--f);
    gap: 10px;
}

.calamares-hello__column {
    display: var(--f);
    flex-flow: var(--cnw);
    width: 254px;
}

.calamares-hello__heading {
    height: 38px;
    margin: 0;
    font-size: 13.3px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.calamares-hello__button {
    height: 40px;
    margin-bottom: 19px;
    border: 0;
    border-bottom: 1px solid #d1d2d3;
    border-radius: 5px;
    font: inherit;
    color: #232629;
    background: linear-gradient(#fcfcfc, #f4f4f4);
}

.calamares-hello__button.is-external::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M4 1H1v8h8V6M6 1h3v3M9 1L4.5 5.5' fill='none' stroke='%23232629' stroke-width='1'/></svg>") center / contain no-repeat;
    content: '';
}

.calamares-hello__install {
    position: var(--abs);
    top: 464px;
    left: 274px;
    display: var(--f);
    flex-flow: var(--cnw);
    width: 254px;
}

.calamares-hello__center {
    position: var(--abs);
    top: 486px;
    left: 333px;
    width: 134px;
}

.calamares-hello__foot {
    position: var(--abs);
    top: 599px;
    left: 10px;
    width: 780px;
    height: 44px;
}

.calamares-hello__lang {
    position: var(--abs);
    top: 0;
    left: 0;
    width: 216px;
    height: 44px;
    padding-left: 32px;
    border: 0;
    border-bottom: 1px solid #d1d2d3;
    border-radius: 5px;
    background: linear-gradient(#fcfcfc, #f4f4f4);
}

.calamares-hello__socials {
    position: var(--abs);
    top: 17px;
    left: 326px;
    display: var(--f);
    gap: 11px;
}

.calamares-hello__social {
    width: 24px;
    height: 24px;
}

.calamares-hello__autostart {
    position: var(--abs);
    top: 8px;
    right: 0;
    display: var(--f);
    align-items: var(--c);
    gap: 14px;
}

.calamares-hello__switch {
    position: var(--rel);
    width: 50px;
    height: 20px;
    margin: 0;
    border-radius: 10px;
    background: #b3daee;
    appearance: none;
}

.calamares-hello__switch::after {
    position: var(--abs);
    top: -3px;
    right: -1px;
    width: 26px;
    height: 26px;
    border: 1px solid #c5c9cb;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fbfbfb;
    content: '';
}

.calamares-hello__switch:checked {
    background: linear-gradient(to right, #3daee9 0 50%, #b3daee 50%);
}

/* Scène QML de Manjaro (slideshow/Artwork.qml, Rocket.qml, Slider.qml) posée sur la zone 822 × 435 du diaporama :
   fond étiré sur deux hauteurs (état « nearGround » : haut à -0,8 H), fumée ancrée en bas (marge -120 px), fusée de
   108,8 px de large centrée à W/2 - 235, textes ancrés au centre décalé de (-100, -57). L'espace : étoiles en mosaïque. */
main#calamaresApp .calamares-slides.calamares-slides--scene {
    top: 6px;
    left: 6px;
    width: 822px;
    height: 435px;
}

main#calamaresApp .calamares-scene__layer--starsfar {
    background-size: 2880px 1620px;
    background-repeat: repeat;
}

main#calamaresApp .calamares-scene__layer--starsclose {
    background-size: 1920px 1080px;
    background-repeat: repeat;
}

main#calamaresApp .calamares-scene__layer--ground {
    top: -400px;
    bottom: auto;
    height: 904px;
    background-size: 100% 100%;
    transform: scaleY(0.962);
    transform-origin: 0 0;
}

main#calamaresApp .calamares-scene__layer--smoke {
    top: auto;
    bottom: 0;
    height: 440px;
    background-position: center bottom;
    background-size: 800px 440px;
}

main#calamaresApp .calamares-scene__layer--rocket {
    top: 117px;
    right: auto;
    bottom: auto;
    left: 122px;
    width: 109px;
    height: 2161px;
    background-size: 100% 100%;
}

main#calamaresApp .calamares-scene:not(.is-ground) .calamares-scene__layer--ground,
main#calamaresApp .calamares-scene:not(.is-ground) .calamares-scene__layer--smoke {
    display: var(--n);
}

main#calamaresApp .calamares-scene.is-ground .calamares-scene__layer--rocket {
    top: 196px;
}

main#calamaresApp .calamares-slides--scene .calamares-slide--text {
    top: 135px;
    left: 311px;
    display: var(--n);
    flex-flow: var(--cnw);
    gap: 10px;
    width: 420px;
}

main#calamaresApp .calamares-slides--scene .calamares-slide--text.is-active {
    display: var(--f);
}

main#calamaresApp .calamares-slide__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    text-transform: uppercase;
}

main#calamaresApp .calamares-slide__secondary,
main#calamaresApp .calamares-slide__footer {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    opacity: 0.8;
}

main#calamaresApp .calamares-slide__body {
    width: 400px;
    font-size: 16px;
    line-height: 22px;
}

/* --- Extinction sur écran noir (GNOME : pas de plymouth à l'arrêt) --- */
.calamares-blank {
    position: var(--fix);
    inset: 0;
    background: #000000;
}

/* --- Rangée supplémentaire de Manjaro Hello (édition GNOME : Applications, GNOME Layout Switcher, GNOME Tour) --- */
.calamares-hello__extra {
    position: var(--abs);
    top: 513px;
    left: 20px;
    display: var(--f);
    gap: 20px;
}

.calamares-hello__extra .calamares-hello__button {
    width: 240px;
    margin: 0;
}

/* --- GDM (relevé Manjaro GNOME 25.0.9) : fond #222226, barre du haut noire, tuile 350 × 80 au contour accentué --- */
.calamares-gdm {
    position: var(--fix);
    inset: 0;
    font: 15px/1.3 "Noto Sans", sans-serif;
    color: #ffffff;
    background: #222226;
}

.calamares-gdm__topbar {
    position: var(--abs);
    top: 0;
    left: 0;
    width: var(--full);
    height: 32px;
    background: #222226;
}

.calamares-gdm__clock {
    position: var(--abs);
    top: 0;
    left: 0;
    width: var(--full);
    font-size: 14.5px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    white-space: pre;
}

.calamares-gdm__status {
    position: var(--abs);
    top: 8px;
    right: 16px;
    display: var(--f);
    gap: 12px;
}

.calamares-gdm__icon {
    width: 16px;
    height: 16px;
    background: center / contain no-repeat;
}

.calamares-gdm__icon--network {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1.5' y='2.5' width='13' height='9' fill='none' stroke='white'/><path d='M5 12.5h6M8 11.5v1' stroke='white'/><path d='M4 5h8' stroke='white'/></svg>");
}

.calamares-gdm__icon--volume {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 6h3l4-3v10l-4-3H2z' fill='white'/><path d='M11 5a4 4 0 0 1 0 6M13 3a7 7 0 0 1 0 10' fill='none' stroke='white'/></svg>");
}

.calamares-gdm__icon--power {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5 3.5a6 6 0 1 0 6 0M8 1v7' fill='none' stroke='white' stroke-width='1.5'/></svg>");
}

.calamares-gdm__list {
    position: var(--abs);
    top: 307px;
    left: 464px;
    width: 352px;
}

.calamares-gdm__tile {
    display: var(--f);
    align-items: var(--c);
    gap: 18px;
    width: 352px;
    height: 82px;
    padding: 0 8px;
    border: 2px solid #4c9d8b;
    border-radius: 12px;
    box-sizing: border-box;
    font: inherit;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    background: #393b3f;
    cursor: pointer;
}

.calamares-gdm__avatar {
    display: var(--bl);
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background: #3d3d40 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='5' r='3' fill='white'/><path d='M2.5 15c0-3.6 2.5-5.5 5.5-5.5s5.5 1.9 5.5 5.5z' fill='white'/></svg>") center / 40% no-repeat;
}

.calamares-gdm__avatar--small {
    width: 64px;
    height: 64px;
}

.calamares-gdm__other {
    display: var(--bl);
    margin: 14px 0 0 10px;
    font-weight: 700;
}

.calamares-gdm__auth {
    position: var(--abs);
    top: 180px;
    left: 0;
    display: var(--f);
    flex-flow: var(--cnw);
    align-items: var(--c);
    width: var(--full);
}

.calamares-gdm__auth[hidden],
.calamares-gdm__list[hidden],
.calamares-gdm__session[hidden] {
    display: var(--n);
}

.calamares-gdm__auth-name {
    margin: 14px 0 20px;
    font-size: 20px;
}

.calamares-gdm__row {
    display: var(--f);
    align-items: var(--c);
    gap: 10px;
    margin-left: -38px;
}

.calamares-gdm__back {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #3d3d40 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11 8H5M8 5L5 8l3 3' fill='none' stroke='white' stroke-width='1.4'/></svg>") center / 14px no-repeat;
}

.calamares-gdm__field {
    position: var(--rel);
    display: var(--bl);
}

.calamares-gdm__input {
    width: 182px;
    height: 26px;
    padding: 0 30px 0 6px;
    border: 2px solid #4c9d8b;
    border-radius: 6px;
    box-sizing: content-box;
    font: inherit;
    font-size: 13px;
    color: #ffffff;
    background: #3a3a3e;
}

.calamares-gdm__input::placeholder,
.calamares-gdm__input:focus::placeholder {
    color: #a0a0a4;
    opacity: 1;
}

.calamares-gdm__eye {
    position: var(--abs);
    top: 8px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 8s2.6-4.5 7-4.5S15 8 15 8s-2.6 4.5-7 4.5S1 8 1 8z' fill='white'/><circle cx='8' cy='8' r='2.3' fill='%233a3a3e'/></svg>") center / contain no-repeat;
}

.calamares-gdm__logo {
    position: var(--abs);
    bottom: 44px;
    left: 518px;
    width: 244px;
    height: 44px;
}

.calamares-gdm__session {
    position: var(--abs);
    right: 220px;
    bottom: 32px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #3d3d40 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='3.5' fill='none' stroke='white' stroke-width='2'/></svg>") center / 14px no-repeat;
}