.asptt-ins-wrap          { font-family:system-ui,sans-serif; font-size:14px; }

/* ── Barre supérieure ── */

/* ── Panneau d'aide ── */
.asptt-help-panel        { background:#f0f9ff; border:1px solid #bae6fd; border-radius:8px;
                           padding:14px 16px; margin:0 0 14px; font-size:12px; line-height:1.6; }
.asptt-help-panel h4     { color:#1e40af; font-size:13px; margin:0 0 8px; }
.asptt-help-panel h5     { color:#1e3a5f; font-size:12px; font-weight:700; margin:10px 0 3px; }
.asptt-help-panel ul     { margin:0 0 4px; padding-left:18px; }
.asptt-help-panel li     { margin-bottom:2px; }

/* ── Écran de connexion (accès à la liste réservé aux adhérents) ── */
.asptt-login-box         { background:#fff; border:1px solid #e5e7eb; border-radius:12px;
                           padding:28px 24px; text-align:center; box-shadow:0 1px 6px rgba(0,0,0,.08);
                           max-width:400px; margin:0 auto; }
.asptt-login-box h2      { color:#1e3a5f; margin:0 0 8px; font-size:20px; }
.asptt-login-box-input,
.asptt-login-input       { width:100%; padding:11px 14px; border:2px solid #d1d5db; border-radius:8px;
                           font-size:14px; text-align:center; box-sizing:border-box; }
.asptt-login-box-input:focus,
.asptt-login-input:focus { outline:none; border-color:#1e3a5f; }
.asptt-login-box-btn     { width:100%; background:#1e3a5f; color:#fff; border:none; border-radius:8px;
                           padding:12px 24px; font-size:15px; font-weight:700; cursor:pointer; }
.asptt-login-box-btn:hover{ background:#162d4a; }

.asptt-login-error       { color:#dc2626; font-size:12px; margin:8px 0 0; }

/* ── Barre identité (quand connecté) ── */

/* ── Tableau (ordinateur) ── */
.asptt-table-wrap        { overflow-x:auto; }
.asptt-sor-table         { width:100%; border-collapse:collapse; font-size:13.5px; }
.asptt-sor-table th      { background:#1e3a5f; color:#fff; padding:10px 12px;
                           text-align:left; white-space:nowrap; }
.asptt-sor-table td      { padding:10px 12px; border-bottom:1px solid #eef1f5; vertical-align:top; }
.asptt-sor-table tr.cloturee td       { color:#6b7280; }
.asptt-sor-table tr.cloturee .asptt-thumb { opacity:.55; }
.asptt-sor-table tbody tr:hover td    { background:#eef3f9; }
.asptt-sor-table tr.pax-row           { display:none; }
.asptt-sor-table tr.pax-row.open      { display:table-row; }
.asptt-sor-table tr.pax-row td        { padding:0 !important; background:#f8fafc !important; }
.asptt-col-sortie        { min-width:240px; }
.asptt-col-sortie-in     { display:flex; gap:10px; align-items:flex-start; }
.asptt-col-sortie-txt,
.asptt-carte-txt         { min-width:0; flex:1; display:flex; flex-direction:column; gap:3px; align-items:flex-start; }
.asptt-thumb             { width:56px; height:42px; object-fit:cover; border-radius:6px; cursor:pointer; flex:none; }
.asptt-col-dates         { white-space:nowrap; font-variant-numeric:tabular-nums; }
.asptt-col-dates small   { display:block; color:#6b7280; font-size:12.5px; }
.asptt-col-ins           { min-width:170px; }
.asptt-objet             { color:#5b6b7f; font-size:13px; line-height:1.4; white-space:pre-line; }
/* width:0 + min-width:100% : la liste ne pèse pas dans le calcul des colonnes (sinon elles bougent à l'ouverture) */
.asptt-pax-inner         { padding:14px 18px; border-top:1px solid #e5e7eb; width:0; min-width:100%; box-sizing:border-box; }
.asptt-pax-list          { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.asptt-pax-list li       { background:#fff; border:1px solid #e5e7eb; border-radius:8px;
                           padding:4px 12px; font-size:13px; display:flex; align-items:center; gap:6px; }
.asptt-empty-pax         { color:#9ca3af; font-size:13px; font-style:italic; }

/* ── Lien nom de sortie ── */
.asptt-site-link         { color:#1e3a5f; font-weight:700; font-size:15px; cursor:pointer; text-decoration:none;
                           border-bottom:1px dashed #0e7490; line-height:1.3; }
.asptt-site-link:hover   { color:#0e7490; }

/* ── Pastilles, badges et boutons (scopés : Astra impose majuscules et fond) ── */
.asptt-badge-niv         { display:inline-block; padding:1px 8px; border-radius:6px;
                           color:#fff; font-size:12px; font-weight:700; }
.asptt-tous              { color:#6b7280; font-size:13px; }
.asptt-type              { display:inline-block; color:#fff; border-radius:999px; padding:0 9px;
                           font-size:11.5px; font-weight:700; line-height:1.7; white-space:nowrap; }
.asptt-carte-pills       { display:flex; gap:6px; flex-wrap:wrap; }
.asptt-pill              { display:inline-flex; gap:4px; align-items:center; font-size:12px; font-weight:700;
                           border-radius:999px; padding:1px 9px; white-space:nowrap; line-height:1.6; }
.asptt-pill-ok           { background:#dcfce7; color:#15803d; }
.asptt-pill-warn         { background:#fef3c7; color:#b45309; }
.asptt-pill .asptt-ico,
.asptt-badge-att .asptt-ico,
.asptt-btn-locked .asptt-ico { width:13px; height:13px; }
.asptt-badge-att         { display:inline-flex; gap:5px; align-items:center; background:#fef3c7; color:#b45309;
                           border-radius:999px; padding:3px 10px; font-size:12.5px; font-weight:700; }
.asptt-clot-note         { color:#6b7280; font-size:12.5px; line-height:1.4; }
.asptt-clot-bad          { color:#b91c1c; font-weight:700; }
.asptt-clot-warn         { color:#b45309; font-weight:700; }
.asptt-att               { font-size:12px; color:#b45309; font-weight:600; white-space:nowrap; }
.asptt-ins-wrap .asptt-btn { all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; gap:6px; align-items:center;
                           justify-content:center; border-radius:8px !important; padding:7px 14px !important; font-size:13.5px !important;
                           font-weight:700 !important; white-space:nowrap; color:#fff !important; text-transform:none !important;
                           letter-spacing:normal !important; line-height:1.3 !important; border:0 !important; }
.asptt-ins-wrap .asptt-btn:hover { filter:brightness(.92); }
.asptt-ins-wrap .asptt-btn-green { background:#16a34a !important; }
.asptt-ins-wrap .asptt-btn-amber { background:#d97706 !important; }
.asptt-ins-wrap .asptt-btn-red   { background:transparent !important; color:#b91c1c !important; border:1.5px solid #b91c1c !important;
                           padding:5.5px 12.5px !important; }
.asptt-btn-locked        { display:inline-flex; gap:6px; align-items:center; background:#eceff3; color:#6b7280; border-radius:8px;
                           padding:7px 14px; font-size:13px; font-weight:600; cursor:default; white-space:nowrap; }
.asptt-ins-wrap .asptt-btn-pax { all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; gap:6px; align-items:center;
                           border:1px solid #d1d5db !important; border-radius:8px !important; padding:5px 10px !important;
                           font-size:13px !important; font-weight:600 !important; color:#374151 !important; background:#fff !important;
                           white-space:nowrap; text-transform:none !important; letter-spacing:normal !important; line-height:1.3 !important; }
.asptt-ins-wrap .asptt-btn-pax:hover { background:#f3f4f6 !important; }
.asptt-ins-wrap .asptt-btn-pax.open  { background:#dbeafe !important; border-color:#93c5fd !important; color:#1d4ed8 !important; }
.asptt-ins-wrap .asptt-btn:focus-visible,
.asptt-ins-wrap .asptt-btn-pax:focus-visible { outline:2px solid #0e7490; outline-offset:2px; }

/* ── Panel accompagnants ── */
.asptt-acc-panel         { margin-top:8px; border:1px solid #e5e7eb; border-radius:8px;
                           background:#fafafa; padding:8px 10px; font-size:12.5px; min-width:180px; }
.asptt-acc-title         { font-weight:700; color:#1e3a5f; font-size:12px; display:flex; gap:6px; align-items:center; margin-bottom:6px; }
.asptt-acc-list          { list-style:none; margin:0 0 8px; padding:0; }
.asptt-acc-item          { display:flex; align-items:center; justify-content:space-between;
                           gap:6px; padding:3px 0; border-bottom:1px solid #f0f0f0; }
.asptt-acc-item:last-child { border-bottom:none; }
.asptt-acc-name          { color:#374151; }
.asptt-acc-empty         { color:#9ca3af; font-style:italic; font-size:12px; }
.asptt-ins-wrap .asptt-acc-del { all:unset; cursor:pointer; color:#dc2626 !important; font-size:12px !important; padding:2px 6px !important;
                           line-height:1; flex-shrink:0; background:none !important; }
.asptt-ins-wrap .asptt-acc-del:hover { color:#991b1b !important; }
.asptt-acc-form          { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.asptt-acc-form input    { flex:1; min-width:80px; padding:6px 8px; border:1.5px solid #d1d5db;
                           border-radius:7px; font-size:13.5px; }
.asptt-acc-form input:focus { outline:none; border-color:#0e7490; }
.asptt-ins-wrap .asptt-acc-add { all:unset; box-sizing:border-box; cursor:pointer; background:#1e3a5f !important; color:#fff !important;
                           border-radius:7px !important; padding:6px 12px !important; font-size:13px !important; font-weight:600 !important;
                           white-space:nowrap; text-transform:none !important; letter-spacing:normal !important; }
.asptt-ins-wrap .asptt-acc-add:hover { background:#2e5986 !important; }
.asptt-acc-feedback      { font-size:12px; min-height:14px; margin-top:4px; }
.asptt-acc-locked        { color:#6b7280; font-size:12px; margin:4px 0 0; display:flex; gap:5px; align-items:center; }

/* ── Barre de places ── */
.asptt-bar-wrap          { display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:13px; font-variant-numeric:tabular-nums; }
.asptt-bar               { display:inline-block; width:60px; height:8px; background:#e5e7eb; border-radius:4px; overflow:hidden; vertical-align:middle; }
.asptt-bar-fill          { display:block; height:100%; border-radius:4px; min-width:2px; }
.asptt-bar-fill.plein    { background:#ef4444; }

/* ── Cartes (téléphone) : mêmes données que les lignes du tableau ── */
.asptt-cartes            { display:none; flex-direction:column; gap:10px; }
.asptt-carte             { background:#fff; border:1px solid #dbe3ec; border-radius:12px; padding:12px;
                           display:flex; flex-direction:column; gap:10px; }
.asptt-carte.cloturee    { background:#f6f8fb; }
.asptt-carte.cloturee .asptt-carte-photo { opacity:.55; }
.asptt-carte-tete        { display:flex; gap:10px; align-items:flex-start; }
.asptt-carte-photo       { width:64px; height:64px; object-fit:cover; border-radius:8px; cursor:pointer; flex:none; }
.asptt-carte .asptt-objet { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.asptt-faits             { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; font-size:13px; }
.asptt-fait              { background:#f6f8fb; border-radius:8px; padding:5px 8px; min-width:0; }
.asptt-carte.cloturee .asptt-fait { background:#fff; }
.asptt-fait .k           { display:block; font-size:10.5px; letter-spacing:.07em; text-transform:uppercase; color:#6b7280; }
.asptt-fait .v           { display:block; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
                           font-variant-numeric:tabular-nums; color:#16263a; }
.asptt-fait .v.asptt-clot-bad  { color:#b91c1c; }
.asptt-fait .v.asptt-clot-warn { color:#b45309; }
.asptt-carte-pied        { display:flex; gap:8px; align-items:center; }
.asptt-ins-wrap .asptt-carte-pied .asptt-btn { flex:1; padding:10px 14px !important; font-size:15px !important; }
.asptt-ins-wrap .asptt-carte-pied .asptt-btn-red { padding:8.5px 12.5px !important; }
.asptt-carte-pied .asptt-btn-locked,
.asptt-carte-pied .asptt-badge-att { flex:1; justify-content:center; padding:9px 12px; }
.asptt-carte-pied .asptt-clot-note { flex:1; }
.asptt-ins-wrap .asptt-carte-pied .asptt-btn-pax { padding:9px 11px !important; }
.asptt-carte-pax         { background:#f6f8fb; border-radius:9px; padding:10px; }
.asptt-carte-pax[hidden] { display:none !important; }
.asptt-carte .asptt-acc-panel { margin-top:0; min-width:0; background:#f6f8fb; border:0; }
.asptt-cartes .asptt-row-hidden,
.asptt-cartes [hidden]   { display:none !important; }
.asptt-astuce            { font-size:12.5px; color:#6b7280; margin-top:12px; }

@media (max-width:720px) {
    .asptt-table-wrap    { display:none; }
    .asptt-cartes        { display:flex; }
}

/* ── Fiche détail : fenêtre, grille et feuille montante dans assets/css/fiche-sortie.css (commun aux coins) ── */
/* Boutons d'action dans la fiche (propres au Coin des sorties) */
.asptt-ins-wrap .asptt-modal-action .asptt-btn { flex:1; padding:11px 14px !important; font-size:15px !important; }
.asptt-ins-wrap .asptt-modal-action .asptt-btn-red { padding:9.5px 12.5px !important; }
.asptt-modal-action .asptt-btn-locked,
.asptt-modal-action .asptt-badge-att { flex:1; justify-content:center; padding:10px 12px; }

/* Accompagnants repliés : une ligne « Accompagnants (n) » */
.asptt-acc-panel > summary { list-style:none; cursor:pointer; margin:0; font-size:13px; padding:2px 0; }
.asptt-acc-panel > summary::-webkit-details-marker { display:none; }
.asptt-acc-panel > summary::after { content:''; width:7px; height:7px; border-right:2px solid #6b7280; border-bottom:2px solid #6b7280;
                           transform:rotate(-45deg); margin-left:auto; transition:transform .15s; }
.asptt-acc-panel[open] > summary { margin-bottom:6px; }
.asptt-acc-panel[open] > summary::after { transform:rotate(45deg); }

/* ── Toast ── */
#asptt-toast             { position:fixed; bottom:24px; right:24px; background:#1e3a5f; color:#fff;
                           padding:13px 20px; border-radius:9px; font-size:14px; opacity:0;
                           transition:opacity .3s; pointer-events:none; z-index:99999;
                           max-width:340px; box-shadow:0 4px 16px rgba(0,0,0,.2); }
#asptt-toast.show        { opacity:1; }
#asptt-toast.error       { background:#dc2626; }

/* ── Notice réglementaire : une ligne, dépliable ── */
.asptt-ico               { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2;
                           stroke-linecap:round; stroke-linejoin:round; flex:none; display:inline-block; }
.asptt-notice            { background:#fff; border:1px solid #dbe3ec; border-radius:10px; margin:0 0 12px;
                           font-size:13.5px; color:#5b6b7f; }
.asptt-notice summary    { cursor:pointer; list-style:none; display:flex; gap:8px; align-items:center; padding:8px 12px; }
.asptt-notice summary::-webkit-details-marker { display:none; }
.asptt-notice summary b  { color:#16263a; font-weight:600; }
.asptt-notice summary .asptt-ico:last-child { margin-left:auto; transition:transform .15s; }
.asptt-notice[open] summary .asptt-ico:last-child { transform:rotate(90deg); }
.asptt-notice-corps      { padding:0 12px 10px 36px; line-height:1.55; }
.asptt-notice-corps a    { color:#0e7490; }

/* ── Indicateurs personnels ── */
.asptt-veille            { background:#1e3a5f; border-radius:12px; padding:12px; margin:0 0 12px;
                           display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.asptt-ins-wrap .asptt-chip { all:unset; box-sizing:border-box; cursor:pointer; background:rgba(255,255,255,.08) !important;
                           border:1px solid rgba(255,255,255,.2) !important; border-radius:10px !important; padding:8px 11px !important;
                           color:#fff !important; display:flex; flex-direction:column; gap:1px; min-width:0;
                           text-transform:none !important; letter-spacing:normal !important; font-size:14px; line-height:1.4; }
.asptt-ins-wrap button.asptt-chip:hover { background:rgba(255,255,255,.15) !important; }
.asptt-ins-wrap .asptt-chip-fixe { cursor:default; }
.asptt-chip .k           { font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; opacity:.75; }
.asptt-chip .v           { font-weight:700; font-size:15px; display:flex; align-items:center; gap:6px;
                           font-variant-numeric:tabular-nums; white-space:nowrap; }
.asptt-chip .s           { font-size:12px; opacity:.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.asptt-dot               { width:9px; height:9px; border-radius:50%; flex:none; display:inline-block; }
.asptt-dot.ok { background:#4ade80; } .asptt-dot.warn { background:#fbbf24; }
.asptt-dot.bad { background:#f87171; } .asptt-dot.neutre { background:#93c5fd; }

/* ── Pastilles de filtre + période ── */
.asptt-pastilles         { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; margin:0 0 6px; }
.asptt-ins-wrap .asptt-pastille { all:unset; box-sizing:border-box; cursor:pointer; border:1px solid #d1d5db !important;
                           background:#fff !important; border-radius:999px !important; padding:5px 13px !important;
                           font-size:13.5px !important; font-weight:600 !important; color:#4b5563 !important; white-space:nowrap;
                           text-transform:none !important; letter-spacing:normal !important; line-height:1.4; }
.asptt-pastille b        { color:#1f2937; font-variant-numeric:tabular-nums; }
.asptt-ins-wrap .asptt-pastille[aria-pressed="true"] { background:#1e3a5f !important; border-color:#1e3a5f !important; color:#fff !important; }
.asptt-pastille[aria-pressed="true"] b { color:#fff; }
.asptt-ins-wrap .asptt-pastille:focus-visible,
.asptt-ins-wrap .asptt-chip:focus-visible,
.asptt-ins-wrap .asptt-lien:focus-visible { outline:2px solid #0e7490; outline-offset:2px; }
.asptt-sous-filtres      { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:0 0 10px; }
.asptt-filter-count      { font-size:13px; color:#6b7280; }
.asptt-ins-wrap .asptt-lien { all:unset; cursor:pointer; color:#0e7490 !important; font-weight:600 !important; font-size:13.5px !important;
                           display:inline-flex; gap:5px; align-items:center; background:none !important;
                           text-transform:none !important; letter-spacing:normal !important; }
.asptt-ins-wrap .asptt-lien[aria-expanded="true"] { text-decoration:underline; }
/* Pastille « Légende et couches » : même rendu que le Coin du bureau (.bu-btn-new) */
.asptt-ins-wrap .asptt-btn-pastille { display:inline-flex !important; align-items:center; justify-content:center; gap:6px; cursor:pointer; width:auto; text-transform:none !important;
                           letter-spacing:normal !important; line-height:1.3 !important; box-shadow:none !important; font-family:inherit !important; background:#fff !important; color:#1e3a5f !important;
                           border:1px solid #c3cdd8 !important; border-radius:8px !important; padding:6px 12px !important; font-size:13.5px !important; font-weight:600 !important; }
.asptt-ins-wrap .asptt-btn-pastille:hover { background:#eef2f7 !important; }
.asptt-ins-wrap .asptt-btn-pastille svg { width:16px !important; height:16px !important; flex:none; fill:none !important; stroke:currentColor !important;
                           stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.asptt-periode           { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; background:#fff;
                           border:1px solid #dbe3ec; border-radius:10px; padding:10px 12px; margin:0 0 12px; font-size:13.5px; }
.asptt-ins-wrap .asptt-periode[hidden] { display:none !important; }
.asptt-periode label     { display:flex; gap:6px; align-items:center; font-weight:600; color:#4b5563; }
.asptt-periode input     { padding:5px 8px; border:1.5px solid #d1d5db; border-radius:7px; font-size:13.5px; }
.asptt-periode input:focus { outline:none; border-color:#0e7490; }
.asptt-sor-table tr.asptt-row-hidden,
.asptt-sor-table tr[hidden] { display:none !important; }
.asptt-vide-filtre       { text-align:center; color:#6b7280; padding:20px 0 !important; }

@media (max-width:480px) {
    .asptt-veille        { padding:8px; gap:6px; }
    .asptt-ins-wrap .asptt-chip { padding:7px 8px !important; }
    .asptt-chip .v       { font-size:14px; }
    .asptt-chip .s       { display:none; }
}

/* ── Onglets Liste / Calendrier : barre sous les indicateurs, fixée en bas sur téléphone ── */
.asptt-onglets           { display:flex; gap:4px; background:#fff; border:1px solid #dbe3ec; border-radius:12px; padding:4px; margin:0 0 12px; }
.asptt-ins-wrap .asptt-onglet { all:unset; box-sizing:border-box; cursor:pointer; flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
                           padding:9px 6px !important; border-radius:9px !important; font-weight:600 !important; font-size:14px !important;
                           color:#4b5563 !important; background:transparent !important; text-transform:none !important; letter-spacing:normal !important; line-height:1.3 !important; }
.asptt-ins-wrap .asptt-onglet[aria-selected="true"] { background:#1e3a5f !important; color:#fff !important; }
.asptt-ins-wrap .asptt-onglet:focus-visible { outline:2px solid #0e7490; outline-offset:2px; }
.asptt-onglet .asptt-ico { width:18px; height:18px; stroke-width:1.8; }
.asptt-ins-wrap .asptt-panel[hidden] { display:none !important; }

/* ── Calendrier en lecture seule (grille commune : calendrier.css) ── */
.asptt-cal               { background:#fff; border:1px solid #dbe3ec; border-radius:12px; padding:12px; }
.asptt-cal-haut          { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:0 0 10px; }
.asptt-cal-haut h3       { margin:0; font-size:16px; color:#1e3a5f; }
.asptt-ins-wrap .asptt-cal-fleche { all:unset; box-sizing:border-box; cursor:pointer; border:1px solid #d1d5db !important; border-radius:8px !important;
                           padding:4px 14px !important; font-size:13px !important; color:#1e3a5f !important; background:#fff !important; line-height:1.4 !important; }
.asptt-ins-wrap .asptt-cal-fleche:hover { background:#f3f4f6 !important; }
.asptt-jour              { display:flex; flex-direction:column; gap:6px; font-size:14px; }
.asptt-jour-info         { display:flex; gap:8px; align-items:center; padding:6px 10px; border-radius:8px; background:#f6f8fb; }
.asptt-jour-dot          { width:10px; height:10px; border-radius:3px; flex:none; }
.asptt-jour-sortie       { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 10px; border-radius:8px;
                           background:#ecfdf5; color:#065f46; font-weight:600; }

@media (max-width:720px) {
    .asptt-ins-wrap      { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
    .asptt-onglets       { position:fixed; left:0; right:0; bottom:0; margin:0; border-radius:0; border-width:1px 0 0;
                           padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px)); box-shadow:0 -4px 16px rgba(0,0,0,.08); z-index:9990; }
    .asptt-ins-wrap .asptt-onglet { flex-direction:column; gap:2px; font-size:11px !important; padding:6px 2px !important; }
    .asptt-onglet .asptt-ico { width:22px; height:22px; }
    #asptt-toast         { bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
}