/*
 * Shell Android — forme téléphone (surcouche de la mise en page tablette). Racine :
 * html.android-form-tablet.android-form-phone (android-shell.js, cfg.phone) ; chaque règle est limitée à la peau
 * qui a relevé un téléphone.
 * GT : AVD capsule-a17-phone (profil Pixel 9, 1080 × 2424 px à 420 dpi = 411,43 × 923,43 dp, image 17
 * CE2A.260420.019), var/tmp/android-17-gt/phone/. Cotes en dp (1 dp = 1 px CSS dans la scène).
 */

/* ── Scène portrait 411,43 × 923,43 dp ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-stage {
    width: 411.43px;
    height: 923.43px;
}

/* ── Barre d'état : 52,2 dp (encoche), heure dès x 16, icônes jusqu'à 28,5 dp du bord ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-statusbar {
    height: 52.2px;
    padding: 0 28.5px 0 16px;
    line-height: 52.2px;
}

/* ── Accueil : grille 4 × 6 (cellule 82,3 × 96,4 dp, pas 97,1 × 107,45 dès 19 / 65,1), icônes 60 dp ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-workspace {
    height: 734.9px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell #and-workspace .and-app {
    width: 82.3px;
    height: 96.4px;
    padding-top: 5.7px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell #and-workspace .and-app-label {
    max-width: 82.3px;
    margin-top: 6px;
}

/* Aperçu (smartspace) : 373,4 × 96,4 dp, date en 1re ligne (texte dès x 26,3, y 103,6). */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-smartspace {
    width: 373.4px;
    height: 96.4px;
}

/* ── Widget Gemini 2 × 2 : carte 179,1 × 203,8 dp #eef0ff, pilule #585e71 (52 dp), boutons 74 × 54 #dde2f9 ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-gemw {
    display: grid;
    width: 179.1px;
    height: 203.8px;
    padding: 11.8px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #eef0ff;
    grid-template-columns: 74px 74px;
    grid-template-rows: 52.2px 54.1px 54.1px;
    gap: 12.2px 7.7px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-gemw-pill {
    display: flex;
    padding: 0 0 0 14px;
    border-radius: 26.1px;
    align-items: center;
    gap: 8px;
    font: 500 16px/24px var(--and-font-body, sans-serif);
    color: #eaebed;
    background: #585e71;
    grid-column: 1 / 3;
    cursor: pointer;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-gemw-pill .and-ico {
    width: 20px;
    height: 20px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-gemw-mic {
    display: flex;
    width: 48px;
    height: 52.2px;
    margin-left: auto;
    align-items: center;
    justify-content: center;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-gemw-btn {
    display: flex;
    padding: 0;
    border: 0;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    color: #151b2c;
    background: #dde2f9;
    cursor: pointer;
}

/* ── Dock : 4 apps (icônes 60 dp dès x 30,1, pas 97,15) puis barre Google sous le dock ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-hotseat {
    top: 734.9px;
    height: 188.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-hot-app {
    top: 6.8px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-qsb {
    top: 91px;
    left: 29.7px;
    width: 351.6px;
    height: 47.6px;
    border-radius: 23.8px;
}

/* Fond : default_wallpaper (2160 × 2400) à 919 × 1021 dp, décalé de −22 / −48 (ajustement sur la GT accueil). */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-stage {
    --and-wallpaper-size: 919px 1021px;
    --and-wallpaper-position: -22px -48px;
}

/* Aperçu : date seule en 16 sp, texte à 7,3 dp du bord de la carte et 38,5 dp sous son haut. */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-ss-date,
html.android-form-tablet.android-form-phone body#android-17.and-shell.and-ss-date-only .and-ss-date {
    top: 38.5px;
    left: 7.3px;
    font-size: 16px;
    line-height: 19.4px;
}

/* ── Poignée gestuelle : toujours visible sur téléphone (pas de barre des tâches), 108 × 3,4 dp à y 909,7 ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-navhandle {
    display: block;
    width: 148px;
    margin-left: -74px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell #and-navhandle::after {
    top: 10.3px;
    left: 20px;
    width: 108px;
    height: 3.4px;
    border-radius: 1.7px;
    background: var(--and-navhandle, #ececed);
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-in-app #and-navhandle {
    --and-navhandle: rgba(0, 0, 0, 0.55);
}

/* ── Tiroir : feuille pleine largeur dès y 54,1 (sous la barre d'état), 4 colonnes de 97,15 dp dès x 11,4 ;
   recherche et suggestions aux mêmes cotes relatives que la tablette (36 / 105 dp sous le haut de la feuille). ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-drawer {
    top: 54.1px;
    left: 0;
    width: 100%;
    height: 869.3px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-handle {
    left: 189.7px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-search {
    left: 9.9px;
    width: 391.6px;
    height: 62.9px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-scroll {
    padding: 36px 11.4px 24px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-grid {
    grid-template-columns: repeat(4, 97.15px);
    grid-auto-rows: 107.4px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-grid--predictions {
    grid-auto-rows: 110.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-grid .and-app {
    width: 97.15px;
    height: 107.4px;
    padding-top: 11.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-grid--predictions .and-app {
    height: 110.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-drawer-grid .and-app-label {
    max-width: 97.15px;
}

/* Tiroir ouvert : accueil et fond flous à grand rayon (fond presque uni sous la feuille, GT tiroir). */
html.android-form-tablet.android-form-phone body#android-17.and-shell.and-drawer-open #and-wallpaper,
html.android-form-tablet.android-form-phone body#android-17.and-shell.and-drawer-open #and-home {
    filter: blur(var(--and-phone-drawer-blur, 100px));
}

/* Feuille du tiroir plus couvrante que sur la tablette (GT : #b6bccd dans la feuille, #7c7e81 au-dessus). */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-drawer {
    background: rgba(224, 229, 246, 0.77);
    box-shadow: none;
}

/* Voile blanc autour de la feuille : seulement tiroir ouvert (fermée, la feuille reste en bas de la scène et
   son ombre étendue couvrirait l'accueil). */
html.android-form-tablet.android-form-phone body#android-17.and-shell.and-drawer-open #and-drawer {
    box-shadow: 0 0 0 2000px rgba(255, 255, 255, 0.3);
}

/* ── Volet replié (GT volet-notifs) : en-tête 52,2 dp (heure dès x 16, date à 62,1, icônes jusqu'à 20 dp du bord),
   4 grandes tuiles 2 × 2 (185,9 × 72 dp dès 16 / 54,1, gouttière 8), panneau des notifications pleine largeur
   dès y 230. Réglages rapides déployés (GT reglages-rapides) : grande heure, luminosité à 156,2, 6 grandes et
   4 rondes tuiles dès 230,5, pagination et crayon à 554,7, pied à 847,4. ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-shade-head {
    left: 16px;
    right: 20.2px;
    height: 52.2px;
    gap: 8px;
    line-height: 52.2px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-shade-head [data-and-time] {
    padding-left: 0;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-shade-head [data-and-date] {
    margin-left: 0;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-qs {
    top: 54.1px;
    left: 16px;
    width: 379.4px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-tiles {
    grid-template-columns: repeat(4, 1fr);
}

html.android-form-tablet.android-form-phone body#android-17.and-shell #and-tiles {
    min-height: 0;
}

/* Replié : seulement les 4 premières tuiles ; luminosité, pagination, crayon, bulle et pied masqués. */
html.android-form-tablet.android-form-phone body#android-17.and-shell:not(.and-qs-full) .and-tile:nth-child(n+5),
html.android-form-tablet.android-form-phone body#android-17.and-shell:not(.and-qs-full) .and-brightness,
html.android-form-tablet.android-form-phone body#android-17.and-shell:not(.and-qs-full) .and-qs-pager,
html.android-form-tablet.android-form-phone body#android-17.and-shell:not(.and-qs-full) .and-qs-edit,
html.android-form-tablet.android-form-phone body#android-17.and-shell:not(.and-qs-full) .and-qs-tip,
html.android-form-tablet.android-form-phone body#android-17.and-shell:not(.and-qs-full) .and-qs-foot {
    display: none;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-notifs {
    top: 230px;
    left: 0;
    width: 100%;
    height: 693.4px;
    border-radius: 36px 36px 0 0;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-notifs-empty.has-icon {
    top: 280px;
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    line-height: 21.7px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-notifs-empty .and-ico {
    width: 32px;
    height: 32px;
}

/* Déployé : panneau des notifications masqué, en-tête en deux lignes (heure 40 sp, date dessous). */
html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-notifs {
    display: none;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-shade-head {
    top: 11px;
    display: block;
    height: 117.4px;
    line-height: normal;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-shade-head [data-and-time] {
    display: block;
    font-size: 40px;
    line-height: 60px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-shade-head [data-and-date] {
    position: absolute;
    top: 93.4px;
    left: 0;
    line-height: 24px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-shade-head .and-shade-icons {
    position: absolute;
    top: 93.4px;
    right: -1.6px;
    height: 24px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-qs {
    top: 118.2px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-qs-edit {
    top: 436.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-qs-foot {
    top: 847.4px;
    left: 255.8px;
}

/* Tuiles du téléphone opaques (#faf8fe relevé, contre 57 % de blanc sur la tablette), libellés en 500. */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-tile:not(.is-dim) {
    background: #faf8fe;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-tile:not(.is-dim) .and-tile-label {
    font-weight: 500;
    color: #1a1b20;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-brightness-track {
    background: #faf8fe;
}

/* Soleil de la luminosité au bout de la barre (centre x 372 dp). */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-brightness-fill .and-ico {
    left: 344px;
}

/* Volet vide : trophée 32 dp à y 542,1, texte 16 sp à 590,1. */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-notifs-empty.has-icon {
    top: 312.1px;
    font-size: 16px;
    color: #1a1b20;
}

/* Grande heure : chiffres 64,8–98 dp, 87 dp de large. */
html.android-form-tablet.android-form-phone body#android-17.and-shell.and-qs-full .and-shade-head [data-and-time] {
    padding-top: 45px;
    font-size: 46px;
    font-stretch: 80%;
    letter-spacing: -2px;
    line-height: 52px;
}

/* ── Menu Marche/Arrêt : boîte 264 × 318,9 dp à (73,9 ; 317,3), Urgence et Éteindre sur la 1re ligne,
   Redémarrer centré dessous (GT marche-arret, ouvert depuis les réglages rapides déployés). ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-power {
    top: 317.3px;
    left: 73.9px;
    width: 264px;
    height: 318.9px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 24px;
}

/* ── Aperçu en carrousel (GT recents) : carte 279,6 × 627,5 dp (écran à 0,6797) à (65,9 ; 115), puce d'app aux
   cotes de la grille tablette, actions « Capture d'écran » / « Sélectionner » en pilules #c5c4ca à y 766,5. ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-recents-track {
    top: 115px;
    height: 627.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-task {
    width: 279.6px;
    height: 627.5px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-task-snap iframe {
    width: 411.43px;
    height: 923.43px;
    transform: scale(0.6797);
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-recents-actions {
    top: 766.5px;
    display: flex;
    gap: 16px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-recents-actions [data-and-act="split"] {
    display: none;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-recents-actions button {
    padding: 0 16px;
    font: 500 14px/48px var(--and-font-body, sans-serif);
    color: #1a1b20;
    background: #c5c4ca;
}

/* ── Assistant (appui long Marche, GT assistant) : bandeau #1f1f1f de 260,5 dp dès y 662,9, « Dites » à 706,7,
   suggestion #b8c6ee à 753,5, bandeau « Débloquez plus… COMMENCER » #353b4d de 793,9 à 847,6, clavier à
   droite (centre 377 ; 869), barre lumineuse Google en bas ; accueil assombri derrière. ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell #and-assistant {
    left: 0;
    display: block;
    width: 100%;
    height: 260.5px;
    margin-left: 0;
    border-radius: 28px 28px 0 0;
    font: 400 16px/24px var(--and-font-body, sans-serif);
    background: #1f1f1f;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-asst-say {
    position: absolute;
    top: 43.8px;
    left: 0;
    display: flex;
    width: 100%;
    gap: 8px;
    align-items: center;
    justify-content: center;
    font: 400 20px/24px var(--and-font-headline, sans-serif);
    color: #fff;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-asst-say svg {
    width: 24px;
    height: 24px;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-asst-hint {
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    margin: 0;
    font: 500 22px/30px var(--and-font-headline, sans-serif);
    color: #b8c6ee;
    text-align: center;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-asst-bar {
    position: absolute;
    top: 131px;
    left: 0;
    display: flex;
    width: 100%;
    height: 53.7px;
    padding: 0 8px 0 16px;
    box-sizing: border-box;
    align-items: center;
    color: #c4c6d0;
    background: #353b4d;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-asst-bar span {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell .and-asst-bar button {
    padding: 0 8px;
    border: 0;
    font: 500 16px/24px var(--and-font-body, sans-serif);
    letter-spacing: 0.5px;
    color: #c4c6d0;
    background: transparent;
    cursor: pointer;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell #and-assistant .and-assistant-kbd {
    right: 22.4px;
    bottom: 42.1px;
    width: 24px;
    height: 24px;
    color: #fff;
}

html.android-form-tablet.android-form-phone body#android-17.and-shell #and-assistant::after {
    left: 82.3px;
    right: 82.3px;
    height: 4px;
}

/* ── Autorisation d'exécution (GT app-contacts-permission) : carte 26,7–384,8 dp (bornes uiautomator 10,7–400,8
   avec 16 dp d'ombre), centrée entre les barres système (cfg.permBand 52,2–901,3) ; contenu aux cotes tablette. ── */
html.android-form-tablet.android-form-phone body#android-17.and-shell .and-perm-box {
    left: 26.7px;
    width: 358.1px;
}