/**
 * Installateur YaST2 en Qt (moteur yast : openSUSE Leap) — rendu du thème installation.qss de l'ISO (police Source Sans
 * Pro 10,5 pt, titres Open Sans Condensed 18 pt gras, vert #73ba25, barre d'étapes #173f4f). Les images du thème (logo,
 * coches, boutons radio, flèches, carte) viennent du déclaratif de la distribution.
 * Vérité : VM A1.3 openSUSE Leap 15.6 (DVD, 1280×800, 2026-10-23), root/docs/inventaires/captures/linux-opensuse/visual-fidelity/install/vm/.
 */
.yast-stage--installer,
.yast-stage--console {
    background: #000000;
}

.yast-host {
    position: var(--abs);
    inset: 0;
}

.yast,
.yast * {
    font-family: inherit;
}

.yast {
    position: var(--abs);
    inset: 0;
    font: 14px/1.25 "Source Sans Pro", sans-serif;
    color: #333333;
    background: #eeeeee;
    overflow: hidden;
}

/* --- Barre d'étapes (#steps) --- */
.yast__steps {
    position: var(--abs);
    top: 0;
    left: 0;
    bottom: 0;
    width: 255px;
    color: #ffffff;
    background: #173f4f;
}

/* Pleine largeur (Horloge et fuseau horaire) : pas de barre d'étapes ; « Notes de version... » passe dans le pied, à (89,759). */
.yast.is-wide .yast__steps {
    width: 0;
    background: transparent;
    z-index: 2;
}

.yast.is-wide .yast__logo,
.yast.is-wide .yast__logotext,
.yast.is-wide .yast__steplist {
    display: var(--n);
}

.yast.is-wide .yast-btn--notes {
    left: 89px;
    bottom: 13px;
    white-space: nowrap;
}

.yast__logo {
    position: var(--abs);
    top: 0;
    left: 37px;
    width: 180px;
    height: 80px;
}

.yast__logotext {
    position: var(--abs);
    font-family: "Source Sans Pro", sans-serif;
    line-height: 1;
}

.yast__steplist {
    position: var(--abs);
    top: 80px;
    left: 9px;
    width: 210px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.yast__stepheading {
    height: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #35b9ab;
}

.yast__step {
    display: var(--f);
    align-items: var(--c);
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
}

.yast__stepmark {
    flex: none;
    width: 14px;
    height: 14px;
    background: center / 14px no-repeat;
}

.yast__step--done .yast__stepmark {
    background-image: var(--yast-step-done);
}

.yast__step--current .yast__stepmark {
    background-image: var(--yast-step-current);
}

.yast__stepname {
    font-weight: 400;
}

.yast__step--current .yast__stepname {
    font-family: "Source Sans Pro Semibold", "Source Sans Pro", sans-serif;
    font-weight: 600;
}

.yast-btn--notes {
    position: var(--abs);
    left: 47px;
    bottom: 22px;
    display: var(--n);
}

.yast.has-notes .yast-btn--notes {
    display: block;
}

/* --- Zone de travail --- */
.yast__work {
    position: var(--abs);
    top: 0;
    left: 255px;
    right: 0;
    bottom: 0;
}

.yast.is-wide .yast__work {
    left: 0;
}

.yast__title {
    position: var(--abs);
    top: 13px;
    left: 13px;
    margin: 0;
    font: 700 24px/34px "Open Sans Condensed", sans-serif;
    color: #333333;
}

.yast__theme {
    position: var(--abs);
    top: 22px;
    right: 18px;
    width: 12px;
    height: 14px;
}

.yast__content {
    position: var(--abs);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.yast__footer {
    position: var(--abs);
    left: 13px;
    right: 13px;
    bottom: 13px;
    display: var(--f);
    justify-content: space-between;
}

.yast__footer-right {
    display: var(--f);
    gap: 5px;
}

.yast__footer-right .yast-btn:first-child {
    margin-right: 5px;
}

/* --- Boutons (QPushButton) --- */
.yast-btn {
    height: 28px;
    min-width: 66px;
    padding: 0 12px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-size: 14px;
    color: #333333;
    background: #f6f6f6;
    cursor: pointer;
}

.yast-btn u {
    text-decoration: underline;
}

.yast-btn:disabled {
    color: #bbbbbb;
    cursor: default;
}

.yast-btn--default {
    border-color: #73ba25;
    color: #f6f6f6;
    background: #73ba25;
}

.yast-btn--default:disabled {
    color: #f6f6f6;
    background: #73ba25;
    opacity: 1;
}

.yast-btn:focus,
.yast-btn:focus-visible {
    outline: none;
    box-shadow: none;
}

/* --- Champs (QLabel, QComboBox, QLineEdit) --- */
.yast-field {
    position: var(--abs);
}

.yast-field__label {
    display: block;
    height: 25px;
    font-size: 14px;
    line-height: 21px;
}

.yast-combo {
    position: var(--rel);
    display: var(--f);
    align-items: var(--c);
    width: var(--full);
    height: 32px;
    padding: 0 12px;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    color: #333333;
    background: #f6f6f6;
}

.yast-combo.is-focused {
    border-color: #73ba25;
    color: #ffffff;
    background: #73ba25;
}

.yast-combo__arrow {
    position: var(--abs);
    top: 12px;
    right: 9px;
    width: 8px;
    height: 8px;
    background: var(--yast-arr-down) center / 8px no-repeat;
}

.yast-combo.is-focused .yast-combo__arrow {
    filter: brightness(0) invert(1);
}

.yast-entry {
    width: var(--full);
    height: 32px;
    padding: 0 8px;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
    outline: none;
}

.yast-entry:focus,
.yast-entry:focus-visible {
    border-color: #73ba25;
    box-shadow: none;
}

.yast-text {
    width: var(--full);
    height: 498px;
    margin: 0;
    padding: 4px 18px 4px 4px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-sizing: border-box;
    font: 13.3px/17px "DejaVu Sans Mono", monospace;
    color: #333333;
    background: #ffffff;
    overflow: hidden;
}

.yast-link {
    color: #00a489;
    text-decoration: underline;
}

/* --- Cases à cocher et boutons radio (images du thème) --- */
.yast-checkbox,
.yast-radio {
    width: 14px;
    height: 14px;
    margin: 0 6px 0 0;
    appearance: none;
    -webkit-appearance: none;
    background: var(--yast-checkbox-off) center / 14px no-repeat;
}

.yast-checkbox:checked {
    background-image: var(--yast-checkbox-on);
}

.yast-radio {
    width: 13px;
    height: 13px;
    background-image: var(--yast-radio-off);
}

.yast-radio:checked {
    background-image: var(--yast-radio-on);
}

.yast-check,
.yast-radioline {
    display: var(--f);
    align-items: var(--c);
    height: 20px;
    font-size: 14px;
}

/* --- Barre de progression (QProgressBar) --- */
.yast-bar {
    position: var(--abs);
    height: 26px;
    border-radius: 2px;
    background: #dddddd;
    overflow: hidden;
}

.yast-bar__fill {
    position: var(--abs);
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    background: #73ba25;
}

.yast-bar__text {
    position: var(--rel);
    display: block;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #333333;
}

/* --- Langue, clavier et licence --- */
.yast-welcome__lang {
    top: 54px;
    left: 17px;
    width: 479px;
}

.yast-welcome__kbd {
    top: 54px;
    left: 528px;
    width: 479px;
}

.yast-welcome__test {
    top: 116px;
    left: 528px;
    width: 479px;
}

.yast-welcome__license {
    top: 182px;
    left: 17px;
    width: 990px;
}

.yast-welcome__translations {
    position: var(--abs);
    top: 722px;
    left: 828px;
}

/* --- Détection du système --- */
.yast-checklist {
    position: var(--abs);
    top: 73px;
    left: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.yast-checklist__item {
    height: 26px;
    line-height: 26px;
}

.yast-checklist__mark {
    display: inline-block;
    width: 33px;
}

.yast-checklist__bar {
    top: 685px;
    left: 17px;
    width: 991px;
}

/* --- Boîte de dialogue YaST2 --- */
.yast-modal {
    position: var(--abs);
    display: var(--f);
    flex-flow: var(--cnw);
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    box-sizing: border-box;
    background: #eeeeee;
    z-index: 5;
}

.yast-modal__caption {
    height: 22px;
    padding: 0 0 0 4px;
    font: 17px/22px "DejaVu Sans", sans-serif;
    color: #333333;
}

.yast-modal__body {
    flex: 1;
    padding: 4px 12px;
}

.yast-modal__heading {
    margin: 8px 0 10px;
    font-size: 14px;
    font-weight: 700;
}

.yast-modal__text {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px;
    white-space: pre-line;
}

.yast-modal__buttons {
    display: var(--f);
    justify-content: var(--c);
    gap: 10px;
    padding: 0 0 13px;
}

.yast-modal__buttons .yast-btn {
    min-width: 66px;
}

.yast-modal--framed .yast-modal__body {
    margin: 0 10px;
    border: 1px solid #dddddd;
    background: #ffffff;
}

/* --- Rôle système --- */
.yast-role__intro {
    position: var(--abs);
    top: 56px;
    left: 17px;
    width: 400px;
    margin: 0;
    line-height: 18px;
    white-space: pre-line;
}

.yast-role__list {
    position: var(--abs);
    top: 135px;
    left: 13px;
    width: 999px;
    height: 617px;
    padding: 9px 10px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

/* Cartes (VM) : 57 px de haut pour une ligne de description, espacées de 6 px ; nom à 17 px du haut, description 24 px
   plus bas, retour à la ligne vers 670 px. */
.yast-role__card {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: var(--c);
    margin-bottom: 6px;
    padding: 7px 9px 6px;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
}

.yast-role__name {
    font-weight: 600;
    line-height: 18px;
}

.yast-role__desc {
    grid-column: 2;
    max-width: 670px;
    margin-top: 6px;
    line-height: 18px;
}

/* --- Texte enrichi --- */
.yast-rich__intro {
    position: var(--abs);
    top: 57px;
    left: 17px;
    margin: 0;
}

.yast-rich {
    position: var(--abs);
    top: 76px;
    left: 33px;
    right: 33px;
    bottom: 138px;
    padding: 4px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    color: #333333;
    background: #ffffff;
    overflow: hidden;
}

.yast-rich__text {
    margin: 4px 0 12px;
}

.yast-rich__heading {
    margin: 4px 0 10px;
    font-size: 17px;
    font-weight: 700;
}

.yast-rich__heading .yast-link {
    color: #00a489;
}

/* Puces de QTextBrowser : disque plein de 5 px, texte 8 px plus loin ; 36 px de retrait par niveau. */
.yast-rich__list {
    margin: 0 0 12px;
    padding: 0 0 0 31px;
    list-style: none;
}

.yast-rich__item {
    line-height: 18px;
}

.yast-rich__item::before {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 3px 2px 0;
    border-radius: 50%;
    content: "";
    vertical-align: middle;
    background: #333333;
}

.yast-rich__list .yast-rich__list {
    margin: 0;
    padding-left: 40px;
}

/* Paramètres d'installation : cadre de (272,83) à (1262,748), sans boutons dessous. */
.yast__content--step-summary .yast-rich {
    top: 83px;
    left: 17px;
    right: 18px;
    bottom: 51px;
}

.yast-rich__action {
    position: var(--abs);
    left: 50%;
    transform: translateX(-50%);
}

.yast-rich__action--0 {
    bottom: 103px;
}

.yast-rich__action--1 {
    bottom: 69px;
}

/* --- Horloge et fuseau horaire --- */
.yast-tz__map {
    position: var(--abs);
    top: 53px;
    left: 39px;
    width: 1201px;
    height: 600px;
    overflow: hidden;
}

.yast-tz__img {
    width: var(--full);
    height: var(--full);
}

.yast-tz__pin {
    position: var(--abs);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #73ba25;
}

.yast-tz__pinlabel {
    position: var(--abs);
    top: -7px;
    left: 10px;
    font-size: 13px;
    color: #ffffff;
    text-shadow: 0 0 2px #000000, 0 0 2px #000000;
    white-space: nowrap;
}

.yast-tz__region {
    top: 655px;
    left: 181px;
    width: 364px;
}

.yast-tz__zone {
    top: 655px;
    left: 561px;
    width: 364px;
}

.yast-tz__utc {
    position: var(--abs);
    top: 722px;
    left: 177px;
}

.yast-tz__date {
    position: var(--abs);
    top: 723px;
    left: 561px;
    white-space: pre;
}

.yast-tz__other {
    position: var(--abs);
    top: 718px;
    right: 34px;
}

/* --- Utilisateur local --- */
.yast-user {
    position: var(--abs);
    top: 226px;
    left: 306px;
    width: 410px;
}

.yast-user__fields {
    padding: 8px 0 8px 45px;
}

.yast-user__fields .yast-field {
    position: var(--rel);
    margin-bottom: 9px;
}

.yast-user__fields .yast-check {
    margin-left: -4px;
}

.yast-user__skip {
    margin-top: 12px;
}

/* --- Installation en cours --- */
.yast-progress__product {
    position: var(--abs);
    top: 95px;
    left: 49px;
    margin: 0;
}

.yast-progress__label {
    position: var(--abs);
    top: 421px;
    left: 52px;
    margin: 0;
}

.yast-progress__bar {
    top: 443px;
    left: 49px;
    width: 927px;
}

/* --- Console (noyau, « starting yast... ») et linuxrc (texte #40ff00 centré à y 384, barre de 16 px à 16 px du bas :
       segments #40ff00 / #20a000 / #106000, nom du produit #106000 à droite) --- */
.yast-console {
    position: var(--abs);
    inset: 0;
    font: 13.3px/16px "DejaVu Sans Mono", monospace;
    color: #aaaaaa;
    background: #000000;
}

.yast-console__pre {
    margin: 0;
    font: inherit;
    white-space: pre;
}

.yast-linuxrc__text {
    position: var(--abs);
    top: 384px;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    color: #40ff00;
}

.yast-linuxrc__bar {
    position: var(--abs);
    left: 8px;
    bottom: 16px;
    display: var(--f);
    height: 16px;
}

.yast-linuxrc__seg--done {
    background: #40ff00;
}

.yast-linuxrc__seg--half {
    background: #20a000;
}

.yast-linuxrc__seg--todo {
    background: #106000;
}

.yast-linuxrc__product {
    position: var(--abs);
    right: 8px;
    bottom: 17px;
    color: #106000;
}

/* --- Décompte de la boîte de redémarrage --- */
.yast-modal__countdown {
    margin: 0 0 22px;
    font-size: 14px;
    text-align: center;
}

/* --- Démarrage graphique : fond #2e3436, trois carrés de 5 × 7 px tous les 16 px dès x 617, l'actif #40ff00, les autres #106000 (VM : y 516-522) --- */
.yast-dots {
    position: var(--abs);
    inset: 0;
    background: #2e3436;
}

.yast-dots__row {
    position: var(--abs);
    top: 516px;
    left: 617px;
    display: var(--f);
    gap: 11px;
}

.yast-dots__dot {
    width: 5px;
    height: 7px;
    background: #106000;
}

.yast-dots__dot.is-on {
    background: #40ff00;
}
