/**
 * Installateur graphique de Debian (moteur debian-installer : Kali) — frontal GTK 2, thème Clearlooks de l'initrd
 * (police DejaVu Sans 9 pt, seules les variantes grasse et oblique étant embarquées ; sélection #4a88f1) sous la bannière
 * logo_installer.png (800 × 75, bords étirés : expand-direction = both).
 * Vérité : VM A1.3 Kali 2026.3 (1280×800, 2026-10-23), root/docs/inventaires/captures/linux-kali/visual-fidelity/install/vm/.
 */
.dinst-stage--installer,
.dinst-stage--console {
    background: #000000;
}

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

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

.dinst {
    position: var(--abs);
    inset: 0;
    font: 700 12px/15px "DejaVu Sans", "Padauk Kali", "Tibetan Machine Uni Kali", "Noto Serif Gujarati Kali", "FreeSans Kali", sans-serif;
    color: #000000;
    background: #ffffff;
    overflow: hidden;
}

/* --- Bannière --- */
.dinst__banner {
    position: var(--abs);
    top: 0;
    left: 0;
    right: 0;
    display: var(--f);
    height: 75px;
}

.dinst__banner-left,
.dinst__banner-right {
    flex: 1;
    background-image: var(--dinst-banner);
    background-repeat: no-repeat;
    background-size: 80000% 100%;
}

.dinst__banner-left {
    background-position: 0 0;
}

.dinst__banner-right {
    background-position: 100% 0;
}

.dinst__banner-center {
    flex: none;
    width: 800px;
    background: var(--dinst-banner) center / 800px 75px no-repeat;
}

/* --- Titre, cadre et pied --- */
.dinst__title {
    position: var(--abs);
    top: 86px;
    left: 18px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
}

.dinst__frame {
    position: var(--abs);
    top: 120px;
    left: 12px;
    right: 12px;
    bottom: 63px;
    display: var(--f);
    flex-flow: var(--cnw);
    padding: 5px 9px 0;
    border: 1px solid #a0a0a0;
    box-sizing: border-box;
}

.dinst__frame.is-bare,
.dinst__frame--progress {
    border-color: transparent;
}

.dinst__text {
    margin: 0 0 14px;
    white-space: pre-line;
}

.dinst__label {
    margin: -9px 0 9px 4px;
    font-style: oblique;
    font-weight: 400;
}

/* Étiquette en tête du cadre (pas de paragraphe au-dessus). */
.dinst__label:first-child {
    margin-top: 3px;
}

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

.dinst__footer-left,
.dinst__footer-right {
    display: var(--f);
    gap: 8px;
}

/* --- Boutons Clearlooks --- */
.dinst-btn {
    height: 30px;
    min-width: 101px;
    padding: 0 10px;
    border: 1px solid #7f7f7f;
    border-radius: 5px;
    font: inherit;
    color: #000000;
    background: linear-gradient(#ffffff, #e2e2e2);
    cursor: pointer;
}

.dinst-btn--next {
    border-color: #5a93f5;
    box-shadow: inset 0 0 0 1px #c3d6fb;
}

.dinst-btn:focus,
.dinst-btn:focus-visible {
    outline: none;
}

/* --- Listes --- */
/* La liste suit les paragraphes et occupe le reste du cadre (GtkVBox). */
.dinst-list {
    position: var(--rel);
    flex: 1;
    margin: 0 -2px 5px -3px;
    border: 1px solid #8e8e8e;
    background: #fafafa;
    overflow: hidden;
}

.dinst-list.has-scrollbar {
    padding-right: 16px;
}

.dinst-scroll {
    position: var(--abs);
    top: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    background: #e5e5e5;
}

.dinst-scroll__arrow {
    position: var(--abs);
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    box-sizing: border-box;
    background: #ffffff;
}

.dinst-scroll__arrow--up {
    top: 0;
}

.dinst-scroll__arrow--down {
    bottom: 0;
}

.dinst-scroll__thumb {
    position: var(--abs);
    left: 1px;
    width: 13px;
    border: 1px solid #9fb8cc;
    border-radius: 3px;
    box-sizing: border-box;
    background: #dfedf6;
}

.dinst-list__row {
    display: var(--f);
    align-items: var(--c);
    height: 23px;
    padding: 0 5px;
    box-sizing: border-box;
    white-space: nowrap;
}

.dinst-list__row.is-selected {
    border: 1px solid #2f6cd5;
    color: #ffffff;
    background: linear-gradient(#5d97f4, #3f7fe9);
}

.dinst-list__col1 {
    width: 165px;
}

.dinst-list__sep {
    width: 22px;
}

/* --- Champs, cases et boutons radio --- */
.dinst-entry {
    display: block;
    width: var(--full);
    height: 29px;
    padding: 0 6px;
    border: 1px solid #7f7f7f;
    border-radius: 8px;
    box-sizing: border-box;
    font: inherit;
    color: #000000;
    background: #fafafa;
    outline: none;
}

.dinst-entry:focus,
.dinst-entry:focus-visible {
    border: 2px solid #3a7ee8;
    padding: 0 5px;
    box-shadow: none;
}

.dinst-check,
.dinst-radio {
    display: var(--f);
    align-items: var(--c);
    gap: 6px;
    height: 24px;
    margin: 0 0 6px;
}

.dinst-check__box,
.dinst-radio__box {
    width: 11px;
    height: 11px;
    margin: 0;
}

.dinst-radio__label.is-focused {
    padding: 0 2px;
    border: 1px solid #5a93f5;
    border-radius: 4px;
    background: #dbe7fd;
}

/* --- Erreur de saisie (icône 49 px, titre oblique) --- */
.dinst-error {
    display: grid;
    grid-template-columns: 55px auto;
    margin: -1px 0 18px;
}

.dinst-error__icon {
    grid-row: 1 / span 2;
    width: 49px;
    height: 49px;
}

.dinst-error__title {
    margin-top: 2px;
    font-style: oblique;
    font-weight: 400;
}

.dinst-error__text {
    margin-top: 5px;
}

/* --- Sélection des logiciels et table des partitions --- */
.dinst-list--tasks .dinst-list__row,
.dinst-list--parts .dinst-list__row {
    gap: 8px;
}

.dinst-part__cell {
    display: inline-block;
}

/* --- Progression --- */
.dinst-progress {
    position: var(--abs);
    top: 59px;
    left: 59px;
    right: 59px;
    height: 24px;
    border: 1px solid #8e8e8e;
    border-radius: 7px;
    box-sizing: border-box;
    background: #e6e6e6;
    overflow: hidden;
}

.dinst-progress__fill {
    position: var(--abs);
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 7px;
    background: repeating-linear-gradient(135deg, #3a7ee8 0 14px, #5893f7 14px 28px);
    overflow: hidden;
}

/* Copie blanche du libellé, à la largeur de la barre, visible sur la seule partie remplie. */
.dinst-progress__label--on {
    position: var(--abs);
    top: 0;
    left: 0;
    width: 1134px;
    color: #ffffff;
}

.dinst-progress__label {
    position: var(--rel);
    display: block;
    line-height: 22px;
    text-align: center;
}

.dinst-progress__detail {
    position: var(--abs);
    top: 91px;
    left: 61px;
    font-style: oblique;
    font-weight: 400;
}

/* --- Note de fin --- */
.dinst-note {
    display: grid;
    grid-template-columns: 55px auto;
}

.dinst-note__icon {
    width: 49px;
    height: 49px;
}

.dinst-note__title {
    display: block;
    margin: 2px 0 6px;
    font-style: oblique;
    font-weight: 400;
}

/* --- Console --- */
.dinst-console {
    position: var(--abs);
    inset: 0;
    font: 13.3px/16px "DejaVu Sans Mono", monospace;
    color: #aaaaaa;
    background: #000000;
}

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

/* --- Démarrage graphique (calques d'images) --- */
.dinst-splash {
    position: var(--abs);
    inset: 0;
}

.dinst-splash__layer {
    position: var(--abs);
}

/* --- Écran de connexion LightDM (carte du thème Kali-Light, police Cantarell 11) --- */
.dinst-lightdm {
    position: var(--abs);
    inset: 0;
    font: 15px/1.2 "Cantarell", sans-serif;
    color: #333333;
    background: #1c4ea8 center / cover no-repeat;
}

.dinst-lightdm * {
    font-family: inherit;
}

.dinst-lightdm__bar {
    position: var(--abs);
    top: 0;
    left: 0;
    right: 0;
    display: var(--f);
    align-items: var(--c);
    justify-content: space-between;
    height: 24px;
    padding: 0 6px;
    box-sizing: border-box;
    color: #333333;
    background: #f5f6f7;
}

.dinst-lightdm__indicators {
    display: var(--f);
    align-items: var(--c);
    gap: 14px;
}

.dinst-lightdm__clock {
    font-weight: 700;
}

.dinst-lightdm__card {
    position: var(--abs);
    top: 306px;
    left: 467px;
    width: 346px;
    height: 188px;
    border-radius: 2px;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.dinst-lightdm__top {
    display: var(--f);
    align-items: var(--c);
    height: 117px;
    padding: 0 24px 0 26px;
    background: #eef1f6;
}

.dinst-lightdm__emblem {
    width: 64px;
    height: 64px;
    margin-right: 32px;
}

.dinst-lightdm__fields {
    display: var(--f);
    flex-flow: var(--cnw);
    gap: 6px;
    flex: 1;
}

.dinst-lightdm__entry {
    height: 34px;
    padding: 0 8px;
    border: 1px solid #d5d9df;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    color: #333333;
    background: #ffffff;
    outline: none;
}

.dinst-lightdm__entry:focus,
.dinst-lightdm__entry:focus-visible {
    box-shadow: none;
}

.dinst-lightdm__buttons {
    display: var(--f);
    justify-content: space-between;
    padding: 20px 24px 0;
}

.dinst-lightdm__btn {
    height: 27px;
    padding: 0 16px;
    border: 0;
    border-radius: 3px;
    font-size: 15px;
    color: #555555;
    background: #e8e8e8;
}

.dinst-lightdm__btn--ok {
    width: 116px;
    color: #ffffff;
    background: #2777ff;
}

.dinst-lightdm__card.is-error .dinst-lightdm__entry {
    border-color: #e01b24;
}
