/* =====================================================================
   AeroDrive — thème « Aero léger »
   Ciel pastel, verre dépoli discret, aplats clairs, un accent bleu.
   Tout est limité à body[data-ui="air"] : l'ancien style reste intact.
   ===================================================================== */
body[data-ui="air"]{
  --ink:#17324d;--muted:#6b8299;--line:#dde8f2;--line2:#eaf1f8;
  --acc:#2186f0;--acc-d:#1a6fd1;--acc-soft:#e7f2ff;--acc-soft2:#d6e9fd;
  --glass:rgba(255,255,255,.62);
  --w1:#bfe0ff;--w2:#e3f3ff;--w3:#e3faf0;--w4:#fff6d6;
  --font:"Plus Jakarta Sans Variable","Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono Variable","Cascadia Mono",Consolas,"DejaVu Sans Mono",monospace;
  font-family:var(--font);font-size:13.5px;color:var(--ink);-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 86% 15%,rgba(255,255,255,.95) 0 6.5%,rgba(255,255,255,.4) 6.9% 7.8%,transparent 8.2%),
    radial-gradient(circle at 9% 83%,rgba(255,255,255,.8) 0 4.6%,rgba(255,255,255,.32) 5% 5.8%,transparent 6.2%),
    radial-gradient(circle at 72% 89%,rgba(255,255,255,.75) 0 2.4%,transparent 2.8%),
    radial-gradient(circle at 32% 12%,rgba(255,255,255,.7) 0 1.6%,transparent 2%),
    radial-gradient(ellipse at 14% 110%,var(--w4),transparent 56%),
    radial-gradient(ellipse at 96% -10%,#fff,transparent 52%),
    linear-gradient(160deg,var(--w1) 0%,var(--w2) 46%,var(--w3) 100%);
  background-attachment:fixed}
body[data-ui="air"][data-wall=lagoon]{--w1:#b4ebe4;--w2:#dcf7f3;--w3:#e5fae9;--w4:#fffbdc}
body[data-ui="air"][data-wall=dusk]{--w1:#cdd5ff;--w2:#e8e9ff;--w3:#f4e7ff;--w4:#ffe6f0}
body[data-ui="air"][data-wall=meadow]{--w1:#cfeec0;--w2:#edf9d6;--w3:#e2f6ee;--w4:#fff4c6}
body[data-ui="air"]::before{opacity:.32}
body[data-ui="air"] *{scrollbar-width:thin;scrollbar-color:#c4d6e8 transparent}
body[data-ui="air"] ::-webkit-scrollbar{width:11px;height:11px}
body[data-ui="air"] ::-webkit-scrollbar-thumb{background:#c4d6e8;border-radius:8px;border:3px solid transparent;background-clip:padding-box}
body[data-ui="air"] ::-webkit-scrollbar-thumb:hover{background:#a9c3dc;background-clip:padding-box;border:3px solid transparent}
body[data-ui="air"] ::-webkit-scrollbar-track{background:transparent}

/* ---- icônes de fichiers : dégradés plus doux ---- */
body[data-ui="air"] #gFolder stop:first-child{stop-color:#ffe9a8}body[data-ui="air"] #gFolder stop:last-child{stop-color:#f8bd48}
body[data-ui="air"] #gBlue stop:first-child{stop-color:#86c6ff}body[data-ui="air"] #gBlue stop:last-child{stop-color:#2b84e6}
body[data-ui="air"] #gGreen stop:first-child{stop-color:#97e0a8}body[data-ui="air"] #gGreen stop:last-child{stop-color:#2faa5a}
body[data-ui="air"] #gRed stop:first-child{stop-color:#ffa293}body[data-ui="air"] #gRed stop:last-child{stop-color:#e0473a}
body[data-ui="air"] #gOrange stop:first-child{stop-color:#ffcf96}body[data-ui="air"] #gOrange stop:last-child{stop-color:#f08a2e}
body[data-ui="air"] #gPurple stop:first-child{stop-color:#cfb0ff}body[data-ui="air"] #gPurple stop:last-child{stop-color:#8a5fe0}
body[data-ui="air"] #gTeal stop:first-child{stop-color:#8de6e2}body[data-ui="air"] #gTeal stop:last-child{stop-color:#2eaaa6}
body[data-ui="air"] #gGray stop:first-child{stop-color:#d3dbe6}body[data-ui="air"] #gGray stop:last-child{stop-color:#8795a9}
body[data-ui="air"] #gNavy stop:first-child{stop-color:#86a5cc}body[data-ui="air"] #gNavy stop:last-child{stop-color:#35547f}

/* ---- boutons ---- */
body[data-ui="air"] .btn{padding:6px 16px;min-width:0;border:1px solid #d0deec;border-radius:10px;background:#fff;color:var(--ink);font-weight:600;font-size:13px;
  box-shadow:0 1px 2px rgba(30,80,130,.07)}
body[data-ui="air"] .btn:hover{background:#f4f9ff;border-color:#a3c9f3;box-shadow:0 2px 8px rgba(33,134,240,.15)}
body[data-ui="air"] .btn:active{background:#e5f0fc;box-shadow:none}
body[data-ui="air"] .btn.primary{border-color:#1a73d6;color:#fff;background:linear-gradient(180deg,#56aeff 0%,#2186f0 100%);
  box-shadow:0 2px 8px rgba(33,134,240,.35),inset 0 1px 0 rgba(255,255,255,.4)}
body[data-ui="air"] .btn.primary:hover{background:linear-gradient(180deg,#68b8ff 0%,#2c8ef5 100%)}
body[data-ui="air"] .btn.danger{color:#c93a30;border-color:#f0c9c5;background:#fff}
body[data-ui="air"] .btn.danger:hover{background:#fff3f2;border-color:#e7a29b;box-shadow:0 2px 8px rgba(201,58,48,.14)}
body[data-ui="air"] .gbtn{height:32px;min-width:32px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:rgba(255,255,255,.82);
  box-shadow:0 1px 2px rgba(30,80,130,.08)}
body[data-ui="air"] .gbtn:hover{background:#fff;border-color:#b5d5f7;box-shadow:0 2px 8px rgba(33,134,240,.2)}
body[data-ui="air"] input[type=text],body[data-ui="air"] input[type=password],body[data-ui="air"] input[type=number],body[data-ui="air"] input[type=search],
body[data-ui="air"] input:not([type]),body[data-ui="air"] select,body[data-ui="air"] textarea{border:1px solid #d0deec;border-radius:9px;padding:6px 11px;background-color:#fff;color:var(--ink)}
body[data-ui="air"] input:focus,body[data-ui="air"] select:focus,body[data-ui="air"] textarea:focus{border-color:#5aa8f5;box-shadow:0 0 0 3px rgba(33,134,240,.18)}

/* ---- orbe ---- */
body[data-ui="air"] .orb{width:26px;height:26px;border:1.5px solid #fff;
  background:radial-gradient(circle at 50% 120%,#86e9ff 0 24%,transparent 62%),radial-gradient(circle at 50% 38%,#55b2ff,#1a6fd1);
  box-shadow:0 2px 9px rgba(33,134,240,.5),inset 0 -3px 6px rgba(130,228,255,.7)}
body[data-ui="air"] .orb.big{width:84px;height:84px;border-width:3px;box-shadow:0 8px 28px rgba(33,134,240,.5),inset 0 -8px 16px rgba(130,228,255,.7)}

/* ---- cadre principal ---- */
body[data-ui="air"] #app{inset:16px;border-radius:22px;background:rgba(255,255,255,.55);
  backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 26px 70px rgba(38,96,150,.2),0 2px 6px rgba(38,96,150,.08),inset 0 1px 0 rgba(255,255,255,.95)}
body[data-ui="air"] #app::before{display:none}
body[data-ui="air"] #top{height:58px;padding:0 18px}
body[data-ui="air"] .logo{font-size:17px;font-weight:700;color:#143a5e;letter-spacing:-.2px;text-shadow:none}
body[data-ui="air"] #userchip{padding:0 16px;font-weight:600;font-size:12.5px}
body[data-ui="air"] #frame{gap:14px;padding:0 14px 14px}
body[data-ui="air"] #side{width:232px;border-radius:16px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.66);
  box-shadow:0 1px 3px rgba(30,80,130,.08)}
body[data-ui="air"] #nav{padding:10px 8px 6px;gap:2px}
body[data-ui="air"] .ni{padding:8px 11px;border:none;border-radius:10px;font-weight:500;color:#2c4c69;gap:10px}
body[data-ui="air"] .ni:hover{background:rgba(33,134,240,.08)}
body[data-ui="air"] .ni.on{background:var(--acc-soft);color:#0f5fb8;font-weight:700}
body[data-ui="air"] #tree{padding:6px 8px 8px;border-top:1px solid var(--line2);margin-top:6px}
body[data-ui="air"] .tn{padding:4px 6px;border:none;border-radius:8px;color:#2c4c69}
body[data-ui="air"] .tn:hover{background:rgba(33,134,240,.08)}
body[data-ui="air"] .tn.on{background:var(--acc-soft);color:#0f5fb8;font-weight:600}
body[data-ui="air"] .tn.dropt,body[data-ui="air"] .it.dropt,body[data-ui="air"] .crumb.dropt{background:var(--acc-soft2)!important;outline:2px solid #5aa8f5;outline-offset:-2px;border-color:transparent!important}
body[data-ui="air"] #gauge{padding:12px 14px;border-top:1px solid var(--line2);font-size:12px;color:var(--muted)}
body[data-ui="air"] #gauge>div:first-child{color:var(--ink);font-weight:600}
body[data-ui="air"] .bar{height:8px;border:none;border-radius:4px;background:#e4edf6;margin:7px 0}
body[data-ui="air"] .bar i{border-radius:4px;background:linear-gradient(90deg,#6adb94,#2fb866);box-shadow:none}
body[data-ui="air"] .bar i.warn{background:linear-gradient(90deg,#ffd37a,#f0a21c)}
body[data-ui="air"] .bar i.full{background:linear-gradient(90deg,#ff9d90,#d53a2a)}

/* ---- onglets & zone de travail ---- */
body[data-ui="air"] #tabs{gap:6px;padding:0 2px 8px;min-height:0;align-items:center}
body[data-ui="air"] .tab{padding:7px 8px 7px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#38566f;font-weight:500}
body[data-ui="air"] .tab:hover{background:rgba(255,255,255,.75)}
body[data-ui="air"] .tab.on{background:#fff;border-color:var(--line);color:var(--ink);font-weight:700;top:0;box-shadow:0 1px 4px rgba(30,80,130,.1)}
body[data-ui="air"] .tx:hover{background:#ffe2de;color:#d93a2e}
body[data-ui="air"] #views{border:1px solid rgba(255,255,255,.95);border-radius:16px;
  box-shadow:0 1px 3px rgba(30,80,130,.1),0 12px 32px rgba(30,80,130,.07)}

/* ---- gestionnaire de fichiers ---- */
body[data-ui="air"] .f-top{padding:10px 12px;gap:8px;background:#fff;border-bottom:1px solid var(--line2)}
body[data-ui="air"] .addr{height:34px;border:1px solid var(--line);border-radius:10px;background:#f7fafd}
body[data-ui="air"] .crumb{padding:3px 9px;border:none;border-radius:7px;font-weight:600;color:#2c4c69}
body[data-ui="air"] .crumb:hover{background:var(--acc-soft)}
body[data-ui="air"] .csep{color:#a9bdd0;font-size:9px}
body[data-ui="air"] .fsearch{width:210px;border-radius:17px!important;padding:5px 14px!important;background:#f7fafd!important}
body[data-ui="air"] .f-cmd{gap:1px;padding:6px 10px;background:#fff;border:none;border-bottom:1px solid var(--line2)}
body[data-ui="air"] .cb{padding:5px 10px;border:none;border-radius:8px;color:#264763;font-weight:500;font-size:13px}
body[data-ui="air"] .cb:hover{background:var(--acc-soft);box-shadow:none;border:none}
body[data-ui="air"] .cb:active{background:var(--acc-soft2)}
body[data-ui="air"] .cb:disabled{opacity:.38}
body[data-ui="air"] .vsep{background:var(--line);margin:0 5px;height:18px}
body[data-ui="air"] .f-list{padding:12px;gap:6px}
body[data-ui="air"] .it{border:1px solid transparent;border-radius:12px}
body[data-ui="air"] .it:hover{background:#f2f8fe;border-color:transparent}
body[data-ui="air"] .it.sel{background:#dcecfe;border-color:#b1d3fa}
body[data-ui="air"] .v-icons .it{width:108px;padding:10px 6px 8px}
body[data-ui="air"] .v-icons .it .thumb{border:3px solid #fff;border-radius:7px;box-shadow:0 2px 8px rgba(30,70,110,.25)}
body[data-ui="air"] .v-icons .nm{font-weight:500;font-size:12.5px;line-height:1.3}
body[data-ui="air"] .v-details th{padding:6px 10px;color:var(--muted);font-size:12px;font-weight:600;background:#fff;border-right:none;border-bottom:1px solid var(--line)}
body[data-ui="air"] .v-details td{padding:4px 10px;color:#2c4c69}
body[data-ui="air"] .v-details tr.it:hover td{background:#f4f9ff}
body[data-ui="air"] .v-details tr.it.sel td,body[data-ui="air"] .v-details tr.it.sel:hover td{background:#dcecfe}
body[data-ui="air"] .v-details tr.it td:first-child{border-radius:10px 0 0 10px}
body[data-ui="air"] .v-details tr.it td:last-child{border-radius:0 10px 10px 0}
body[data-ui="air"] .band{border:1px solid #5aa8f5;background:rgba(33,134,240,.16);border-radius:3px}
body[data-ui="air"] .f-detail{min-height:64px;padding:8px 16px;border-top:1px solid var(--line2);background:#fbfdff}
body[data-ui="air"] .f-detail .dn{font-weight:700}
body[data-ui="air"] .f-detail .dm{color:var(--muted)}
body[data-ui="air"] .f-status{background:#fff;border-top:1px solid var(--line2);color:var(--muted);padding:4px 16px;font-size:12px}
body[data-ui="air"] .f-list.dragover{box-shadow:inset 0 0 0 3px #5aa8f5;background:#f2f9ff}
body[data-ui="air"] .rn{border:2px solid #5aa8f5;border-radius:6px}
body[data-ui="air"] .empty{color:var(--muted)}

/* ---- menus, dialogues, notifications ---- */
body[data-ui="air"] .menu{padding:6px;min-width:210px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(30,70,120,.22),0 2px 6px rgba(30,70,120,.08)}
body[data-ui="air"] .mi{padding:7px 10px;border:none;border-radius:9px}
body[data-ui="air"] .mi:hover{background:var(--acc-soft);border:none}
body[data-ui="air"] .mic{width:18px}
body[data-ui="air"] .mk{color:#8aa0b5}
body[data-ui="air"] .msep{margin:5px 8px;background:var(--line2)}
body[data-ui="air"] .modal{background:rgba(30,66,100,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body[data-ui="air"] .dlg{padding:0;border:1px solid rgba(255,255,255,.95);border-radius:20px;background:rgba(255,255,255,.9);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(25,70,120,.38),0 2px 8px rgba(25,70,120,.1)}
body[data-ui="air"] .dlg .dt{height:auto;padding:18px 22px 0;font-size:15.5px;font-weight:700;color:#143a5e;text-shadow:none}
body[data-ui="air"] .dlg .dw{border:none;background:transparent}
body[data-ui="air"] .dbody{padding:12px 22px 8px;gap:9px}
body[data-ui="air"] .dbody label{color:var(--muted);font-weight:600;font-size:12px}
body[data-ui="air"] .dfoot{padding:12px 18px 18px;background:transparent;border:none}
body[data-ui="air"] .kv dt{color:var(--muted)}
body[data-ui="air"] .toast{padding:11px 16px;border:none;border-radius:13px;text-shadow:none;font-weight:500;background:rgba(23,50,77,.94);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(20,50,90,.35)}
body[data-ui="air"] .toast.err{background:rgba(190,50,40,.96)}
body[data-ui="air"] .xfer{padding:8px 10px 10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(30,70,120,.25)}
body[data-ui="air"] .xfer .dt{height:30px;color:#143a5e}
body[data-ui="air"] .xfer .xl{border:none;background:transparent;padding:2px 2px}

/* ---- connexion & pages de partage ---- */
body[data-ui="air"] .authbox,body[data-ui="air"] .sharebox{padding:36px 32px 28px;border-radius:26px;border:1px solid rgba(255,255,255,.95);
  background:rgba(255,255,255,.7);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
  box-shadow:0 28px 80px rgba(38,96,150,.25),inset 0 1px 0 #fff}
body[data-ui="air"] .authbox h1,body[data-ui="air"] .sharebox h1{font-weight:700;font-size:23px;color:#143a5e;text-shadow:none;letter-spacing:-.3px}
body[data-ui="air"] .authbox p{color:var(--muted)}
body[data-ui="air"] .authbox input,body[data-ui="air"] .sharebox input{padding:10px 13px;font-size:14px;border-radius:11px}
body[data-ui="air"] .authbox .btn,body[data-ui="air"] .sharebox .btn{padding:10px;border-radius:12px;font-size:14px}

/* ---- pages secondaires ---- */
body[data-ui="air"] .page{padding:22px 26px}
body[data-ui="air"] .page h2{font-size:21px;font-weight:700;color:#143a5e;letter-spacing:-.3px}
body[data-ui="air"] .card{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(30,80,130,.06)}
body[data-ui="air"] .card h3{color:#143a5e;font-size:14.5px;font-weight:700}
body[data-ui="air"] .tbl th{padding:8px 10px;color:var(--muted);font-size:12px;font-weight:600;background:#f6f9fc;border-bottom:1px solid var(--line)}
body[data-ui="air"] .tbl th:first-child{border-radius:9px 0 0 9px}body[data-ui="air"] .tbl th:last-child{border-radius:0 9px 9px 0}
body[data-ui="air"] .tbl td{padding:9px 10px;border-bottom:1px solid var(--line2)}
body[data-ui="air"] .tbl tr:hover td{background:#f6faff}
body[data-ui="air"] .tbl .acts .btn{padding:4px 12px;font-size:12px}
body[data-ui="air"] .wall{border:3px solid #fff;border-radius:12px;box-shadow:0 0 0 1px var(--line),0 2px 6px rgba(30,70,110,.18)}
body[data-ui="air"] .wall.on{box-shadow:0 0 0 2px var(--acc),0 4px 12px rgba(33,134,240,.35)}
body[data-ui="air"] .card code{background:#eef4fa;color:#1b4f82}

/* ---- éditeurs (texte, PDF, image) ---- */
body[data-ui="air"] .tb{padding:7px 12px;gap:3px;background:#fff;border-bottom:1px solid var(--line2)}
body[data-ui="air"] .fbar{background:#fffbe6;border-bottom:1px solid #f1e6b0}
body[data-ui="air"] .gut{background:#f6f9fc;border-right:1px solid var(--line2);font-family:var(--mono);font-size:12.5px;color:#9db1c5}
body[data-ui="air"] .txt{font-family:var(--mono);font-size:12.5px;line-height:1.6}
body[data-ui="air"] .gut{line-height:1.6}
body[data-ui="air"] .sbar{padding:4px 16px;background:#fafcfe;border-top:1px solid var(--line2);color:var(--muted)}
body[data-ui="air"] .mdprev{border-left:1px solid var(--line2)}
body[data-ui="air"] .mdprev h1,body[data-ui="air"] .mdprev h2,body[data-ui="air"] .mdprev h3{color:#143a5e}
body[data-ui="air"] .mdprev pre{background:#17324d;border-radius:10px}
body[data-ui="air"] .pdf-scroll{background:linear-gradient(#dfe8f1,#d3dfeb)}
body[data-ui="air"] .img-scroll{background:repeating-conic-gradient(#e6eef6 0 25%,#f4f8fc 0 50%) 0 0/20px 20px}

/* ---- logiciels de bureautique (habillage macOS) : même accent, même police ---- */
body[data-ui="air"] .mac{--acc:#2186f0;--acc2:#1a6fd1;--chrome:#f8fafd;--chrome2:#edf2f8;--bd:#e0e9f2;font-family:var(--font)}
body[data-ui="air"] .mbar{background:#fff;border-bottom:1px solid var(--bd)}
body[data-ui="air"] .mac .tb,body[data-ui="air"] .mac .sbar{background:#fff}
body[data-ui="air"] .mac .seg{border-color:#d3e0ed;border-radius:9px}
body[data-ui="air"] .mac .seg .cb{border-right-color:#e8eff6}
body[data-ui="air"] .mac select,body[data-ui="air"] .mac input:not([type]),body[data-ui="air"] .mac input[type=number],body[data-ui="air"] .mac input[type=text]{border-color:#d3e0ed;border-radius:8px}
body[data-ui="air"] .msave{border-radius:8px;background:linear-gradient(180deg,#56aeff,#2186f0);box-shadow:0 2px 6px rgba(33,134,240,.3),inset 0 1px 0 rgba(255,255,255,.4)}
body[data-ui="air"] .sheet{margin:34px auto}
body[data-ui="air"] .insp,body[data-ui="air"] .sl-thumbs{background:#f8fafd}
body[data-ui="air"] .fbar2 .fxin,body[data-ui="air"] .cell-ed{font-family:var(--mono);font-size:12.5px}
body[data-ui="air"] .grid{font-family:var(--font);font-size:12.5px}
body[data-ui="air"] .grid th{background:#f8fafd;color:#7a90a6;border-color:var(--bd)}
body[data-ui="air"] .grid td{border-color:#e8eff6}
body[data-ui="air"] .shtabs{background:#f8fafd;border-top:1px solid var(--bd)}

/* ---- mobile ---- */
@media (max-width:820px){
  body[data-ui="air"] #app{inset:0;border-radius:0}
  body[data-ui="air"] #side{background:#f4f9ff}
}

/* pastilles d'arrière-plan et sélecteur de style */
body[data-ui="air"] .wall[data-w=aero]{background:linear-gradient(160deg,#bfe0ff,#e3f3ff 50%,#e3faf0)}
body[data-ui="air"] .wall[data-w=lagoon]{background:linear-gradient(160deg,#b4ebe4,#dcf7f3 50%,#e5fae9)}
body[data-ui="air"] .wall[data-w=dusk]{background:linear-gradient(160deg,#cdd5ff,#e8e9ff 50%,#f4e7ff)}
body[data-ui="air"] .wall[data-w=meadow]{background:linear-gradient(160deg,#cfeec0,#edf9d6 50%,#e2f6ee)}
body[data-ui="air"] .seg{border:1px solid #d0deec;border-radius:10px;background:#fff;overflow:hidden}
body[data-ui="air"] .seg .cb{border-radius:0;padding:6px 14px}
body[data-ui="air"] .seg .cb.on{background:var(--acc);color:#fff;font-weight:600}

body[data-ui="air"] select{appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5l4.5 4.5 4.5-4.5' fill='none' stroke='%236b8299' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center}
/* barre de commandes compacte (passe à la ligne seulement si l'écran est étroit) */
body[data-ui="air"] .f-cmd{flex-wrap:wrap}
body[data-ui="air"] .cb{white-space:nowrap}
body[data-ui="air"] .f-cmd .cb{padding:5px 7px;font-size:12.8px}
body[data-ui="air"] .f-cmd .vsep{margin:0 3px}
/* bulles Aero : disques translucides cerclés d'un liseré brillant */
body[data-ui="air"]{
  background:
    radial-gradient(circle at 86% 15%,rgba(255,255,255,.10) 0 5.6%,rgba(255,255,255,.75) 6% 6.35%,rgba(255,255,255,.14) 6.45% 7.4%,transparent 7.8%),
    radial-gradient(circle at 9% 83%,rgba(255,255,255,.10) 0 4.2%,rgba(255,255,255,.7) 4.5% 4.8%,rgba(255,255,255,.14) 4.9% 5.7%,transparent 6.1%),
    radial-gradient(circle at 72% 89%,rgba(255,255,255,.12) 0 2.2%,rgba(255,255,255,.7) 2.4% 2.65%,transparent 2.8%),
    radial-gradient(circle at 32% 12%,rgba(255,255,255,.14) 0 1.4%,rgba(255,255,255,.7) 1.55% 1.75%,transparent 1.9%),
    radial-gradient(ellipse at 14% 112%,var(--w4),transparent 56%),
    radial-gradient(ellipse at 96% -10%,#fff,transparent 50%),
    linear-gradient(160deg,var(--w1) 0%,var(--w2) 46%,var(--w3) 100%);
  background-attachment:fixed}
body[data-ui="air"]{--w1:#a9d4ff;--w2:#d4ecff}
body[data-ui="air"][data-wall=lagoon]{--w1:#9fe6dd;--w2:#d0f4ef}
body[data-ui="air"][data-wall=dusk]{--w1:#c0c9ff;--w2:#e0e2ff}
body[data-ui="air"][data-wall=meadow]{--w1:#c3e9b0;--w2:#e6f6c9}