/*
 * Android 16 QPR2 (Material 3 Expressive) — surcharges du shell commun, chargées par la seule peau 16.
 * GT : émulateur Android 16 (BE4B.251210.005) sur profil Pixel Tablet, var/tmp/android-16-gt/land/ (dp).
 * Règle : chaque sélecteur est limité à body:is(#android-16, #android-17) (la peau 15 n'est jamais touchée).
 */

/* ── Tiroir : panneau translucide sur accueil flouté ──
   Mesures : hors panneau #0f0f19 → #232329 (accueil flouté + voile blanc ≈ 8 %) ; dans le panneau #8c8f9c
   (surface claire ≈ 56 % sur l'arrière-plan flouté) ; recherche sans pilule, texte « Recherche Web/applis ». */
html.android-form-tablet body:is(#android-16, #android-17).and-shell #and-drawer {
    background: rgba(227, 226, 233, 0.56);
    box-shadow: 0 0 0 2000px rgba(255, 255, 255, 0.08);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-drawer-open #and-wallpaper,
html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-drawer-open #and-home {
    filter: blur(40px);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-handle {
    background: #1a1b20;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search {
    background: transparent;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search input {
    font-size: 20px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search input::placeholder {
    color: var(--and-on-surface);
}

/* ── Barre d'état : batterie unifiée (pilule 23 × 13,5 dp, niveau écrit dedans, téton 1,5 dp) ── */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-batt {
    width: 23px;
    height: 13.5px;
    border-radius: 4px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-batt::before {
    top: 3.25px;
    left: auto;
    right: -3px;
    width: 1.5px;
    height: 7px;
    border-radius: 0 1px 1px 0;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-batt::after {
    position: absolute;
    inset: 0;
    font: 700 10.5px/13.5px var(--and-font-body, sans-serif);
    color: #1a1b20;
    text-align: center;
    content: "100";
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-shade-head .and-batt::after,
html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-light-status #and-statusbar .and-batt::after {
    color: #e3e3e9;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-shade-open #and-statusbar {
    visibility: hidden;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-shade-head {
    right: 30px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-shade-head .and-ico {
    width: 16px;
    height: 16px;
}

/* ── Volet : voile translucide sur l'accueil flouté (icônes et barre de recherche restent lisibles en taches ;
   #91939f mesuré sur fond sombre — balayage flou/opacité : 20 px, 0,7) ── */
html.android-form-tablet body:is(#android-16, #android-17).and-shell #and-shade {
    --and-shade-active: #4e5e8b;
    color: #30323b;
    background: rgba(194, 195, 210, 0.7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-shade-head {
    color: #1a1b20;
}

/* Luminosité : barre 40 dp (94–146 dp avec le curseur), remplissage primaire, curseur vertical 4 × 51 dp,
   reste clair avec soleil à droite. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-brightness {
    height: 52px;
    margin: 38px 0 22px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-brightness-track {
    top: 6px;
    left: calc(var(--and-brightness, 84%) * 0.964 + 16px);
    right: 0;
    height: 40px;
    border-radius: 4px 12px 12px 4px;
    background: rgba(255, 255, 255, 0.5);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-brightness-fill {
    top: 6px;
    width: calc(var(--and-brightness, 84%) * 0.964) !important;
    height: 40px;
    border-radius: 12px 4px 4px 12px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-brightness-fill::after {
    position: absolute;
    top: -6px;
    right: -10.5px;
    width: 4px;
    height: 52px;
    border-radius: 2px;
    background: var(--and-shade-active);
    content: "";
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-brightness-fill .and-ico {
    top: 8px;
    right: auto;
    left: 525px;
    width: 24px;
    height: 24px;
    color: #30323b;
}

/* Tuiles : grille 6 colonnes (86,5 dp, gouttière 8), rangées 72 dp ; large = 2 colonnes. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tiles {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 72px;
    gap: 8px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile {
    height: 72px;
    padding: 0;
    border-radius: 36px;
    color: #30323b;
    background: rgba(255, 255, 255, 0.57);
    transition: border-radius 250ms cubic-bezier(0.2, 0, 0, 1), background-color 250ms linear;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.is-on {
    border-radius: 20px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.is-on:not(.has-target) {
    color: #fff;
    background: var(--and-shade-active);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.is-dim {
    color: rgba(48, 50, 59, 0.3);
    background: rgba(255, 255, 255, 0.15);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.is-faded .and-ico {
    opacity: 0.38;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile--large {
    grid-column: span 2;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile--small {
    justify-content: center;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile .and-ico {
    width: 24px;
    height: 24px;
}

/* Glyphes relevés plus grands que la grille 24 dp : tuile ronde ×1,35 (avion 27 dp), tuile large ×1,15. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile--small .and-ico {
    width: 32px;
    height: 32px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile--large .and-ico {
    width: 28px;
    height: 28px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile-target {
    display: flex;
    width: 56px;
    height: 56px;
    margin-left: 8px;
    flex: none;
    border-radius: 28px;
    align-items: center;
    justify-content: center;
    transition: border-radius 250ms cubic-bezier(0.2, 0, 0, 1);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.has-target .and-tile-target {
    background: rgba(255, 255, 255, 0.35);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.has-target.is-on .and-tile-target {
    border-radius: 12px;
    color: #fff;
    background: var(--and-shade-active);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile-text {
    margin-left: 6px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile-label {
    font: 400 14.25px/16.5px var(--and-font-body, sans-serif);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile-sub {
    font: 500 12.5px/14px var(--and-font-body, sans-serif);
    color: inherit;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-tile.is-on .and-tile-sub {
    color: inherit;
}

/* Crayon d'édition (552–600 × 400–448 dp) et bulle d'accueil « Redimensionner les blocs » (une fois). */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-edit {
    position: absolute;
    top: 344px;
    right: 0;
    margin: 0;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-edit .and-round-btn {
    color: #30323b;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-tip {
    position: absolute;
    top: 396.5px;
    left: 379px;
    width: 314px;
    height: 47.5px;
    border-radius: 12px;
    font: 500 13px/47.5px var(--and-font-body, sans-serif);
    color: #fff;
    background: #6c567f;
    text-align: center;
    white-space: nowrap;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-tip::before {
    position: absolute;
    top: -6px;
    left: 151px;
    width: 12px;
    height: 12px;
    background: #6c567f;
    transform: rotate(45deg);
    content: "";
}

/* Pied : compte, paramètres (fond clair), marche/arrêt (primaire) — 40 dp, centres 482/530/579 dp × 739. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-foot {
    top: 715px;
    left: 458px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-foot .and-round-btn {
    color: #30323b;
    background: rgba(255, 255, 255, 0.6);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-foot .and-round-btn.is-accent {
    color: #dde1ff;
    background: var(--and-shade-active);
}

/* La bulle d'accueil déborde sur le panneau des notifications : réglages rapides au-dessus. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs {
    z-index: 2;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-qs-foot [data-and-act="user"] {
    color: var(--and-shade-active);
}

/* ── Notifications : panneau 640–1256 × 56–763 dp translucide, section « Silencieux » ── */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs {
    height: 707px;
    border-radius: 36px;
    background: rgba(214, 219, 239, 0.5);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-head {
    display: flex;
    height: 48px;
    margin: 16px 20px 2px;
    align-items: center;
    justify-content: space-between;
    font: 400 14.5px/48px var(--and-font-body, sans-serif);
    color: #30323b;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-head span {
    padding-left: 12px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-x {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    align-items: center;
    justify-content: center;
    color: #30323b;
    background: transparent;
    cursor: pointer;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-x .and-ico {
    width: 20px;
    height: 20px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-group {
    display: flex;
    margin: 0 16px;
    flex-direction: column;
    gap: 2px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif {
    position: relative;
    display: flex;
    min-height: 72px;
    margin: 0;
    padding: 0 16px 0 72px;
    box-sizing: border-box;
    border-radius: 6px;
    color: #1a1b20;
    background: rgba(234, 235, 242, 0.7);
    cursor: pointer;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif:first-child {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif:last-child {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif.is-expanded {
    min-height: 158px;
    padding-bottom: 54px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-icon {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--and-shade-active);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-icon .and-ico {
    width: 22px;
    height: 22px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-body {
    min-width: 0;
    padding: 16px 0 0;
    flex: 1;
}

/* Seule la ligne d'en-tête réserve la place du chevron : titre et texte vont jusqu'à la marge (relevé : 496 dp). */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-top {
    display: flex;
    padding-right: 44px;
    gap: 4px;
    align-items: baseline;
    font: 400 11.5px/16.5px var(--and-font-body, sans-serif);
    color: #30323b;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-top .and-notif-title {
    margin: 0;
    font: 400 14.25px/19px var(--and-font-body, sans-serif);
    color: #1a1b20;
    white-space: nowrap;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-app {
    font: inherit;
    color: inherit;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif.is-expanded .and-notif-title {
    margin-top: 5.5px;
    font: 400 14.25px/19px var(--and-font-body, sans-serif);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-text {
    display: -webkit-box;
    font: 400 14.25px/19.5px var(--and-font-body, sans-serif);
    color: #30323b;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif.is-expanded .and-notif-text {
    margin-top: 8px;
    -webkit-line-clamp: 2;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-exp {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    width: 26px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
    color: #30323b;
    background: rgba(30, 40, 90, 0.06);
    cursor: pointer;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-exp .and-ico {
    width: 14px;
    height: 14px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notif-action {
    position: absolute;
    bottom: 6px;
    left: 60px;
    height: 48px;
    padding: 0 12px;
    border: 0;
    font: 400 15px/48px var(--and-font-body, sans-serif);
    color: #8a96b8;
    background: transparent;
    cursor: pointer;
}

/* Pied des notifications : historique (60 dp), « Tout effacer » (448 dp), paramètres (60 dp), 48 dp de haut. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-foot {
    display: flex;
    margin: 18px 16px 0;
    gap: 8px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-fbtn {
    display: flex;
    width: 60px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    font: 400 16px/40px var(--and-font-body, sans-serif);
    color: #1a1b20;
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-fbtn .and-ico {
    width: 22px;
    height: 22px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-notifs-clear {
    flex: 1;
}

/* ── Aperçu (récents) en grille : fond d'écran flouté sous voile clair (#a4a4ac mesuré), accueil masqué,
   vignette 419 × 262 dp (écran à l'échelle 0,3273), puce d'app « Paramètres ⌄ » 154,5 × 35,5 dp,
   pas de rangée d'actions (Capture d'écran…) en grille. ── */
html.android-form-tablet body:is(#android-16, #android-17).and-shell #and-recents {
    background: rgba(236, 236, 246, 0.667);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-recents-open #and-home {
    visibility: hidden;
}

/* L'appli au premier plan (visibility: visible) passerait outre un parent masqué : opacité nulle. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-recents-open #and-apps {
    opacity: 0;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-recents-open #and-statusbar {
    color: #fff;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-recents-track {
    top: 0;
    height: 100%;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task {
    width: 419px;
    height: 262px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-icon,
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-recents-actions {
    display: none;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-snap {
    top: 0;
    border-radius: 28px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-snap iframe {
    width: 1280px;
    height: 800px;
    transform: scale(0.32734);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-chip {
    position: absolute;
    top: 12.5px;
    left: 13px;
    display: flex;
    width: 154.5px;
    height: 35.5px;
    padding: 0 7.5px 0 5px;
    box-sizing: border-box;
    border-radius: 17.75px;
    align-items: center;
    gap: 8px;
    font: 400 15px/35.5px var(--and-font-body, sans-serif);
    color: #1a1b20;
    background: #f8f7fc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-chip img {
    width: 24px;
    height: 24px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-chip span {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-task-chip .and-ico {
    width: 24px;
    height: 24px;
}

/* ── Menu Marche/Arrêt : boîte claire 384 × 171 dp (448–832 × 298,5–469,5), trois disques 96 dp —
   Urgence (rouge #d8372d, astérisque blanc), Éteindre, Redémarrer (#e1e2ed) ; volet assombri à 37 %. ── */
html.android-form-tablet body:is(#android-16, #android-17).and-shell #and-power {
    left: 448px;
    width: 384px;
    background: #f4f3fa;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-power-open #and-shade::after {
    background: rgba(0, 0, 0, 0.63);
    z-index: 3;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-power-act {
    font: 400 15px/19px var(--and-font-body, sans-serif);
    color: #1a1b20;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-power-act i {
    color: #1a1b20;
    background: #e1e2ed;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-power-act.is-emergency i {
    color: #fff;
    background: #d8372d;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-power-act .and-ico {
    color: inherit;
}

/* ── Barre d'état : heure à 16 dp du bord, graisse normale (relevé : glyphes 17–50 × 6,5–16 dp) ── */
html.android-form-tablet body:is(#android-16, #android-17).and-shell #and-statusbar {
    padding-left: 16px;
    font-weight: 400;
}

/* Poignée d'app (fenêtrage bureau de la 15) : absente de l'image 16 relevée — les apps commencent sous la
   barre d'état (24 dp). */
html.android-form-tablet body:is(#android-16, #android-17).and-shell.and-in-app #and-apphandle {
    display: none;
}

/* Recherche du tiroir (GT 16 et 17 identiques) : conteneur 256–1024 × 60–123 dp, « G » dans une boîte de 48 dp
   à 264 dp, texte à 320 dp, micro et Lens (ic_mic/lens_color_28, teintés en monochrome) à 924–1020 dp. */
html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search {
    top: 36px;
    left: 40px;
    width: 768px;
    height: 63px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search .and-qsb-g {
    margin-left: 20px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search input {
    height: 63px;
    margin-left: 20px;
    line-height: 63px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search .and-qsb-end {
    margin-right: 4px;
}

html.android-form-tablet body:is(#android-16, #android-17).and-shell .and-drawer-search .and-qsb-btn .and-ico {
    width: 28px;
    height: 28px;
    color: #30323b;
}