/* Response8 — le bureau d'un poste et les services d'un serveur (bureau.js).
   Mêmes couleurs que l'atelier ; plein écran sur téléphone.              */

/* pendant que le bureau est ouvert, les avis de tâche et la fenêtre de fin restent visibles */
html.bu-ouvert .a-avis{z-index:95}
html.bu-ouvert .a-voile{z-index:96}

.bu-voile{position:fixed; inset:0; z-index:85; background:rgba(3,7,14,.74); display:flex; align-items:center; justify-content:center; padding:16px; animation:bu-fondu .16s ease-out}
.bu-fen{
  width:min(1040px,100%); height:min(760px,calc(100vh - 32px)); display:flex; flex-direction:column;
  background:var(--a-panneau,#0D1828); color:var(--a-encre,#D3DDEA); border:1px solid var(--a-trait-fort,#2C4A73); border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.55); overflow:hidden; animation:bu-monte .2s ease-out;
}
@keyframes bu-fondu{from{opacity:0}}
@keyframes bu-monte{from{transform:translateY(10px); opacity:.6}}
@media (prefers-reduced-motion:reduce){ .bu-voile,.bu-fen{animation:none} }

/* — l'en-tête */
.bu-tete{display:flex; align-items:center; gap:10px; padding:10px 12px 10px 14px; border-bottom:1px solid var(--a-trait); background:var(--a-panneau-2,#111F33); min-height:58px}
.bu-tete__nom{display:flex; flex-direction:column; min-width:0; margin-right:auto}
.bu-titre{margin:0; font:600 16px/1.25 "Sora",system-ui,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bu-sous{font:500 12px/1.3 var(--mono); color:var(--a-gris); letter-spacing:.04em}
.bu-etat{display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end}
.bu-icobtn{
  flex:0 0 auto; width:36px; height:36px; display:inline-grid; place-items:center; border-radius:9px; border:1px solid transparent;
  background:none; color:var(--a-encre-2); cursor:pointer; font-size:22px; line-height:1; padding:0;
}
.bu-icobtn svg{width:19px; height:19px}
.bu-icobtn:hover:not(:disabled){background:var(--a-carte); color:var(--a-encre); border-color:var(--a-trait-fort)}
.bu-icobtn:disabled{opacity:.35; cursor:default}
.bu-icobtn--danger:hover:not(:disabled){color:var(--a-rouge); border-color:rgba(242,95,92,.5)}
.bu-icobtn[hidden]{display:none}
.bu-puce{
  display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:99px; background:var(--a-carte); border:1px solid var(--a-trait);
  font:500 12px/1 var(--mono); color:var(--a-encre-2); white-space:nowrap;
}
.bu-puce--ok{color:var(--a-vert); border-color:rgba(61,220,132,.3)}
.bu-puce--btn{cursor:pointer}
.bu-puce--btn:hover{border-color:var(--a-bleu-clair); color:var(--a-encre)}
.bu-puce small{font:inherit; color:var(--a-gris)}

.bu-voile :focus-visible{outline:2px solid var(--a-bleu-clair); outline-offset:2px}
.bu-corps{flex:1; min-height:0; overflow:auto; padding:18px; display:flex; flex-direction:column; gap:14px}
.bu-corps--term,.bu-corps--web{overflow:hidden}

/* — le bureau : les tuiles d'applications */
.bu-corps--accueil{background:radial-gradient(ellipse at 20% 0,rgba(61,127,193,.16),transparent 60%),radial-gradient(ellipse at 90% 100%,rgba(216,138,74,.10),transparent 55%)}
.bu-tuiles{display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px}
.bu-tuile{
  display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:16px; min-height:132px; text-align:left; cursor:pointer;
  background:var(--a-panneau-2); border:1px solid var(--a-trait); border-radius:12px; color:var(--a-encre); transition:border-color .15s, transform .15s, background .15s;
}
.bu-tuile:hover{border-color:var(--a-bleu-clair); background:var(--a-carte); transform:translateY(-1px)}
.bu-tuile b{font:600 15px/1.25 "Sora",system-ui,sans-serif}
.bu-tuile small{color:var(--a-gris); font-size:12.5px; line-height:1.4}
.bu-tuile__ico{width:44px; height:44px; border-radius:11px; display:grid; place-items:center; background:rgba(61,127,193,.16); color:var(--a-bleu-clair); margin-bottom:4px}
.bu-tuile__ico svg{width:24px; height:24px}
.bu-tuile--term .bu-tuile__ico{background:rgba(127,209,168,.13); color:var(--a-term-prompt)}
.bu-tuile--web .bu-tuile__ico{background:rgba(216,138,74,.15); color:var(--a-orange)}
.bu-tuile--ping .bu-tuile__ico{background:rgba(61,220,132,.12); color:var(--a-vert)}
.bu-tuile--wifi .bu-tuile__ico{background:rgba(242,184,75,.13); color:var(--a-ambre)}
.bu-tuile--services .bu-tuile__ico{background:rgba(107,163,220,.16); color:#9CC3EA}

.bu-resume{margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px 18px; padding:14px 16px; border-radius:12px; border:1px solid var(--a-trait); background:rgba(13,24,40,.7)}
.bu-resume div{min-width:0}
.bu-resume dt{font:500 11px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--a-gris)}
.bu-resume dd{margin:2px 0 0; font:500 13.5px/1.4 var(--mono); color:var(--a-encre); overflow-wrap:anywhere}

/* — cartes, champs, segments */
.bu-carte{background:var(--a-panneau-2); border:1px solid var(--a-trait); border-radius:12px; padding:14px 16px; display:flex; flex-direction:column; gap:12px}
.bu-carte__tete{display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:space-between}
.bu-carte h3,.bu-site__cote h3{margin:0; font:600 12px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--a-gris)}
.bu-form{display:flex; flex-direction:column; gap:14px}
.bu-grille2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px}
.bu-grille2[hidden]{display:none}
.bu-ligne6{display:flex; gap:10px; align-items:flex-start}
.bu-ligne6 .bu-champ:first-child{flex:1; min-width:0}
.bu-champ{display:flex; flex-direction:column; gap:5px; min-width:0}
.bu-champ[hidden]{display:none}
.bu-champ--court{flex:0 0 auto; width:96px}
.bu-champ--bouton{justify-content:flex-end}
.bu-champ label{font-size:13px; font-weight:500; color:var(--a-encre-2)}
.bu-input,.bu-code-edit{
  width:100%; height:40px; padding:0 11px; border-radius:8px; border:1px solid var(--a-trait-fort); background:var(--a-term); color:var(--a-encre);
  font:14px/1.3 var(--mono); outline:none; transition:border-color .15s, box-shadow .15s;
}
.bu-input:focus,.bu-code-edit:focus{border-color:var(--a-bleu-clair); box-shadow:0 0 0 3px rgba(107,163,220,.18)}
.bu-input::placeholder{color:#4A5D78}
.bu-input--court{width:auto; min-width:0; max-width:160px}
select.bu-input{appearance:auto; padding-right:6px}
.bu-champ--lecture .bu-input{background:transparent; border-style:dashed; color:var(--a-encre-2)}
.bu-champ--err .bu-input{border-color:var(--a-rouge); box-shadow:0 0 0 3px rgba(242,95,92,.14)}
.bu-erreur{font-size:12.5px; color:#FF8A87; min-height:0}
.bu-erreur:empty{display:none}
.bu-erreur--avert{color:var(--a-ambre)}
.bu-aide{font-size:12px; color:var(--a-gris)}
.bu-code-edit{height:auto; min-height:220px; padding:10px 12px; font-size:13px; line-height:1.5; resize:vertical; tab-size:2; white-space:pre}

.bu-seg{display:inline-flex; padding:3px; gap:2px; border-radius:10px; background:var(--a-term); border:1px solid var(--a-trait); flex-wrap:wrap}
.bu-seg__opt{position:relative; cursor:pointer}
.bu-seg__opt input{position:absolute; opacity:0; inset:0; margin:0; cursor:pointer}
.bu-seg__opt span{display:block; padding:7px 13px; border-radius:7px; font-size:13px; font-weight:500; color:var(--a-encre-2); white-space:nowrap}
.bu-seg__opt input:checked + span{background:var(--a-bleu); color:#04101E; font-weight:600}
.bu-seg__opt input:focus-visible + span{outline:2px solid var(--a-bleu-clair); outline-offset:1px}
.bu-seg__opt:hover input:not(:checked) + span{color:var(--a-encre); background:var(--a-carte)}

.bu-infores{display:flex; flex-wrap:wrap; gap:6px 18px; padding:9px 12px; border-radius:9px; background:rgba(61,127,193,.08); border:1px dashed rgba(107,163,220,.3)}
.bu-infores:empty{display:none}
.bu-infores span{display:flex; flex-direction:column}
.bu-infores small{font:500 11px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--a-gris)}
.bu-infores b{font:500 13px/1.4 var(--mono); color:var(--a-encre)}

.bu-dhcp{display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:space-between}
.bu-dhcp[hidden]{display:none}
.bu-statut{font-size:13.5px; color:var(--a-encre-2); display:flex; flex-direction:column; gap:2px}
.bu-statut small{color:var(--a-gris); font-size:12.5px}
.bu-statut--ok{color:var(--a-vert)}
.bu-statut--err{color:#FF8A87}
.bu-statut--attente{color:var(--a-ambre)}
.bu-statut--attente::before{content:""; display:inline-block; width:12px; height:12px; margin-right:8px; border-radius:50%; border:2px solid currentColor; border-right-color:transparent; animation:bu-tourne .8s linear infinite; vertical-align:-2px}
@keyframes bu-tourne{to{transform:rotate(360deg)}}

.bu-pied{display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end}
.bu-pied--seul{grid-column:1/-1}
.bu-pied__mac{margin-right:auto; font:500 12px/1.3 var(--mono); color:var(--a-gris)}
.bu-sale{font-size:12.5px; color:var(--a-ambre)}
.bu-sale[hidden]{display:none}
.bu-btn{height:38px}
.bu-btn.a-btn--petit{height:32px}
.bu-btn:disabled{opacity:.45; cursor:default}
.bu-btn[hidden]{display:none}
.bu-btn--danger{color:#FF8A87}
.bu-btn--danger:hover{border-color:var(--a-rouge) !important; background:rgba(242,95,92,.1) !important}

.bu-msg{display:flex; flex-direction:column; gap:2px; padding:10px 13px; border-radius:9px; border:1px solid var(--a-trait); background:var(--a-carte); font-size:13.5px}
.bu-msg span{color:var(--a-encre-2); font-size:13px; word-break:break-word}
.bu-msg--ok{border-color:rgba(61,220,132,.35); background:rgba(61,220,132,.07); color:var(--a-vert)}
.bu-msg--err{border-color:rgba(242,95,92,.45); background:rgba(242,95,92,.08); color:#FF8A87}
.bu-msg--avert{border-color:rgba(242,184,75,.4); background:rgba(242,184,75,.07); color:var(--a-ambre)}
.bu-msg--info{color:var(--a-encre-2)}
.bu-msg--info b{font-weight:500}
.bu-resultat{display:flex; flex-direction:column; gap:10px}
.bu-resultat:empty{display:none}
.bu-details summary{cursor:pointer; font-size:12.5px; color:var(--a-gris); padding:2px 0}
.bu-details summary:hover{color:var(--a-encre-2)}
.bu-cli,.bu-sortie{margin:6px 0 0; padding:10px 12px; background:var(--a-term); border:1px solid var(--a-trait); border-radius:8px; font:12.5px/1.55 var(--mono); color:var(--a-term-texte); white-space:pre-wrap; word-break:break-word; overflow:auto; max-height:260px}
.bu-cli__p{color:var(--a-term-prompt)}
.bu-cli__s{color:var(--a-gris)}

/* — l'invite de commandes */
.bu-term{flex:1; min-height:0; overflow:auto; background:var(--a-term); border:1px solid var(--a-trait); border-radius:10px; padding:12px 14px; font:13.5px/1.45 var(--mono); color:var(--a-term-texte); cursor:text}
.bu-term__ligne{white-space:pre-wrap; word-break:break-word; min-height:1.45em}
.bu-term__cmd{color:#E6EDF6}
.bu-term__info{color:var(--a-gris)}
.bu-term__err{color:#FF8A87}
.bu-term__saisie{display:flex; align-items:baseline; gap:8px}
.bu-term__prompt{color:var(--a-term-prompt); white-space:pre}
.bu-term__input{flex:1; min-width:0; background:none; border:0; outline:none; padding:0; font:inherit; color:var(--a-term-texte); caret-color:var(--a-term-prompt)}
.bu-term--occupe .bu-term__saisie{opacity:.4}
.bu-voile .bu-term__input:focus-visible{outline:none}

/* — le navigateur */
.bu-nav{flex:1; min-height:0; display:flex; flex-direction:column; border:1px solid var(--a-trait); border-radius:10px; overflow:hidden; background:var(--a-term)}
.bu-nav__barre{display:flex; align-items:center; gap:4px; padding:7px 8px; background:var(--a-panneau-2); border-bottom:1px solid var(--a-trait)}
.bu-nav__form{flex:1; min-width:0; display:flex; align-items:center; gap:6px; margin-left:4px; position:relative}
.bu-nav__url{flex:1; min-width:0; height:36px; padding:0 12px 0 32px; border-radius:99px; border:1px solid var(--a-trait-fort); background:var(--a-term); color:var(--a-encre); font:13.5px/1 var(--mono); outline:none}
.bu-nav__url:focus{border-color:var(--a-bleu-clair); box-shadow:0 0 0 3px rgba(107,163,220,.18)}
.bu-nav__verrou{position:absolute; left:10px; top:50%; transform:translateY(-50%); width:15px; height:15px; color:var(--a-gris); pointer-events:none}
.bu-nav__verrou svg{width:15px; height:15px; display:block}
.bu-nav__verrou--on{color:var(--a-vert)}
.bu-nav__form .bu-btn{height:36px; border-radius:99px}
.bu-nav__progres{height:2px; background:transparent; overflow:hidden; position:relative}
.bu-nav__progres--actif::after{content:""; position:absolute; left:0; top:0; bottom:0; width:40%; background:linear-gradient(90deg,transparent,var(--a-bleu-clair),transparent); animation:bu-charge 1s ease-in-out infinite}
@keyframes bu-charge{from{transform:translateX(-100%)} to{transform:translateX(260%)}}
.bu-nav__vue{flex:1; min-height:0; position:relative; display:flex; background:#fff}
.bu-nav__vue:has(.bu-nav__err),.bu-nav__vue:has(.bu-nav__vide),.bu-nav__vue:empty{background:var(--a-panneau)}
.bu-nav__page{flex:1; width:100%; height:100%; border:0; background:#fff; display:block}
.bu-nav__err,.bu-nav__vide{margin:auto; max-width:520px; padding:28px 22px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px}
.bu-nav__err h3{margin:4px 0 0; font:600 19px/1.3 "Sora",system-ui,sans-serif; color:var(--a-encre)}
.bu-nav__err p,.bu-nav__vide p{margin:0; color:var(--a-encre-2)}
.bu-nav__vide small{color:var(--a-gris); font:12.5px/1.6 var(--mono)}
.bu-nav__err code{font:12.5px/1.4 var(--mono); color:var(--a-gris); background:var(--a-term); border:1px solid var(--a-trait); padding:5px 9px; border-radius:6px; margin:4px 0}
.bu-nav__err-ico{width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:rgba(242,184,75,.12); color:var(--a-ambre)}
.bu-nav__err-ico--bleu{background:rgba(61,127,193,.15); color:var(--a-bleu-clair)}
.bu-nav__err-ico svg{width:28px; height:28px}
.bu-nav__liens{display:flex; gap:6px; flex-wrap:wrap; align-items:center; padding:8px 10px; background:var(--a-panneau-2); border-top:1px solid var(--a-trait); max-height:96px; overflow:auto}
.bu-nav__liens:empty{display:none}
.bu-nav__liens-titre{font:500 11px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--a-gris); margin-right:4px}
.bu-lien{display:inline-flex; align-items:baseline; gap:6px; padding:5px 10px; border-radius:99px; border:1px solid var(--a-trait-fort); background:var(--a-term); color:var(--a-bleu-clair); cursor:pointer; font-size:13px; max-width:100%}
.bu-lien span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.bu-lien small{font:11.5px var(--mono); color:var(--a-gris)}
.bu-lien:hover{border-color:var(--a-bleu-clair)}
.bu-nav__statut{display:flex; gap:10px; align-items:center; padding:6px 12px; min-height:30px; font:12px/1.3 var(--mono); color:var(--a-gris); background:var(--a-panneau); border-top:1px solid var(--a-trait); overflow:hidden; white-space:nowrap}
.bu-nav__statut span:last-child{overflow:hidden; text-overflow:ellipsis}
.bu-code{padding:2px 7px; border-radius:5px; font-weight:600}
.bu-code--ok{background:rgba(61,220,132,.14); color:var(--a-vert)}
.bu-code--err{background:rgba(242,95,92,.14); color:#FF8A87}

/* — ping */
.bu-ping__ligne{display:flex; gap:10px; align-items:flex-start}
.bu-ping__ligne .bu-champ{flex:1}
.bu-ping__ligne .bu-btn{flex:0 0 auto; margin-top:24px}
.bu-raccourcis{display:flex; gap:6px; flex-wrap:wrap}
.bu-ping__res[hidden]{display:none}
.bu-points{display:flex; gap:8px; min-height:16px}
.bu-points:empty{display:none}
.bu-point{width:16px; height:16px; border-radius:50%; animation:bu-pop .25s ease-out}
.bu-point--ok{background:var(--a-vert); box-shadow:0 0 0 4px rgba(61,220,132,.15)}
.bu-point--ko{background:var(--a-rouge); box-shadow:0 0 0 4px rgba(242,95,92,.15)}
@keyframes bu-pop{from{transform:scale(.3)}}
.bu-bilan{display:flex; flex-direction:column; gap:10px}
.bu-bilan:empty{display:none}
.bu-bilan__chiffres{display:flex; gap:22px; flex-wrap:wrap}
.bu-bilan__chiffres span{display:flex; flex-direction:column}
.bu-bilan__chiffres b{font:600 22px/1.1 "Sora",system-ui,sans-serif}
.bu-bilan__chiffres small{color:var(--a-gris); font-size:12px}
.bu-ok b{color:var(--a-vert)}
.bu-ko b{color:#FF8A87}
.bu-sortie{max-height:none; margin:0}

/* — Wi-Fi */
.bu-wifi__liste{display:flex; flex-direction:column; gap:8px}
.bu-wifi__res{display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--a-trait); border-radius:10px; background:var(--a-term); flex-wrap:wrap}
.bu-wifi__res > div{display:flex; flex-direction:column; margin-right:auto; min-width:0}
.bu-wifi__res small{color:var(--a-gris); font:12px var(--mono)}
.bu-wifi__ico{width:22px; height:22px; color:var(--a-ambre)}
.bu-wifi__ico svg{width:22px; height:22px}
.bu-vide{color:var(--a-gris); margin:0; font-size:13.5px}

/* — services du serveur */
.bu-onglets{display:flex; gap:4px; border-bottom:1px solid var(--a-trait); overflow-x:auto; flex:0 0 auto; margin:-4px 0 0}
.bu-onglet{padding:10px 14px; border:0; border-bottom:2px solid transparent; background:none; color:var(--a-encre-2); cursor:pointer; font-size:14px; font-weight:500; white-space:nowrap}
.bu-onglet:hover{color:var(--a-encre)}
.bu-onglet--actif{color:var(--a-encre); border-bottom-color:var(--a-bleu-clair)}
.bu-onglets__zone{display:flex; flex-direction:column; gap:14px}
.bu-svcs{gap:0; padding:4px 16px}
.bu-svc{display:grid; grid-template-columns:96px minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:11px 0; border-bottom:1px solid var(--a-trait)}
.bu-svc:last-child{border-bottom:0}
.bu-svc__nom{display:flex; flex-direction:column}
.bu-svc__nom b{font:600 14px/1.2 var(--mono)}
.bu-svc__nom small{font:500 11.5px/1.3 var(--mono); color:var(--a-gris)}
.bu-svc__desc{margin:0; font-size:13px; color:var(--a-encre-2)}
.bu-svc__etat{font:500 12px/1 var(--mono); color:var(--a-gris); min-width:44px; text-align:right}
.bu-svc__etat--on{color:var(--a-vert)}
.bu-lien-texte{background:none; border:0; padding:0; color:var(--a-bleu-clair); cursor:pointer; font-size:13px; text-decoration:underline; text-underline-offset:2px}
.bu-switch{position:relative; width:46px; height:26px; flex:0 0 auto; border-radius:99px; border:1px solid var(--a-trait-fort); background:#1A2638; cursor:pointer; padding:0; transition:background .18s, border-color .18s}
.bu-switch__bille{position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#7F92AB; transition:transform .18s, background .18s}
.bu-switch[aria-checked="true"]{background:rgba(61,220,132,.25); border-color:rgba(61,220,132,.6)}
.bu-switch[aria-checked="true"] .bu-switch__bille{transform:translateX(20px); background:var(--a-vert)}

.bu-site{flex-direction:row; align-items:stretch; gap:16px}
.bu-site__cote{flex:0 0 210px; display:flex; flex-direction:column; gap:10px; min-width:0}
.bu-fichiers{display:flex; flex-direction:column; gap:4px}
.bu-fichier{display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:8px; border:1px solid transparent; background:none; color:var(--a-encre-2); cursor:pointer; text-align:left; font-size:13.5px; min-width:0}
.bu-fichier svg{width:16px; height:16px; flex:0 0 auto; display:block}
.bu-fichier__nom{font-family:var(--mono); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.bu-fichier__txt{display:flex; flex-direction:column; min-width:0}
.bu-fichier small{color:var(--a-gris); font-size:11px; line-height:1.2; white-space:nowrap}
.bu-fichier:hover{background:var(--a-carte); color:var(--a-encre)}
.bu-fichier--actif{background:var(--a-carte); border-color:var(--a-trait-fort); color:var(--a-encre)}
.bu-fichier--nouveau{color:var(--a-bleu-clair)}
.bu-editeur{flex:1; min-width:0; display:flex; flex-direction:column; gap:12px}
.bu-apercu{width:100%; height:260px; border:1px solid var(--a-trait); border-radius:8px; background:#fff}
.bu-apercu[hidden]{display:none}

.bu-dns__ajout{display:grid; grid-template-columns:minmax(0,1.4fr) 84px minmax(0,1fr) auto; gap:10px 12px; align-items:start}
.bu-dns__ajout .bu-champ--court{width:auto}
.bu-dns__ajout .bu-champ--bouton{padding-top:24px}
.bu-table__defile{overflow-x:auto}
.bu-table{width:100%; border-collapse:collapse; font-size:13.5px}
.bu-table th{text-align:left; font:500 11.5px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--a-gris); padding:8px 10px; border-bottom:1px solid var(--a-trait-fort)}
.bu-table td{padding:6px 10px; border-bottom:1px solid var(--a-trait)}
.bu-table tr:last-child td{border-bottom:0}
.bu-table__act{width:44px; text-align:right}
.bu-mono{font-family:var(--mono)}

/* le bouton « Bureau » de la façade */
.bu-facade{display:inline-flex; align-items:center; gap:6px}
.bu-facade svg{width:14px; height:14px; flex:0 0 auto}
@media (max-width:640px){ .bu-facade{padding:5px 8px} .bu-facade span{display:none} }

/* ------------------------------------------------- tablette, téléphone -- */
@media (max-width:760px){
  .bu-svc{grid-template-columns:minmax(0,1fr) auto auto; gap:4px 12px}
  .bu-svc__desc{grid-column:1/-1; grid-row:2}
  .bu-site{flex-direction:column}
  .bu-site__cote{flex:0 0 auto}
  .bu-fichiers{flex-direction:row; flex-wrap:wrap}
  .bu-fichier small{display:none}
  .bu-resume{grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px}
  .bu-dns__ajout{grid-template-columns:minmax(0,1fr) 84px}
  .bu-dns__ajout > .bu-champ:nth-child(3){grid-column:1/-1}
  .bu-dns__ajout .bu-champ--bouton{grid-column:1/-1; padding-top:0}
  .bu-dns__ajout .bu-btn{justify-content:center}
  .bu-col-type{display:none}
  .bu-table th,.bu-table td{padding-left:6px; padding-right:6px}
}
@media (max-width:640px){
  .bu-voile{padding:0; align-items:stretch}
  .bu-fen{width:100%; height:100%; max-height:none; border-radius:0; border:0}
  @supports (height:100dvh){ .bu-fen{height:100dvh} }
  .bu-tete{padding:8px 8px 8px 10px; gap:6px; min-height:54px}
  .bu-titre{font-size:15px}
  .bu-cache-petit{display:none !important}
  .bu-etat .bu-puce:not(:first-child){display:none}
  .bu-corps{padding:12px}
  .bu-tuiles{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
  .bu-tuile{min-height:118px; padding:13px}
  .bu-tuile small{font-size:12px}
  .bu-grille2{grid-template-columns:minmax(0,1fr)}
  .bu-carte{padding:12px}
  .bu-carte__tete{align-items:flex-start}
  .bu-input,.bu-nav__url,.bu-term__input,.bu-code-edit{font-size:16px}  /* pas de zoom automatique sur iOS */
  .bu-term{font-size:13px; padding:10px}
  .bu-pied__mac{flex-basis:100%}
  .bu-pied .bu-btn{flex:1 1 auto; justify-content:center}
  .bu-nav__barre{flex-wrap:wrap}
  .bu-nav__form{flex-basis:100%; margin:4px 0 0; order:2}
  .bu-corps--web,.bu-corps--term{padding:0}
  .bu-corps--web .bu-nav,.bu-corps--term .bu-term{border-radius:0; border-left:0; border-right:0; border-bottom:0}
  .bu-corps--term .bu-msg,.bu-corps--web .bu-msg{border-radius:0; margin:0}
  .bu-ping__ligne{flex-wrap:wrap}
  .bu-ping__ligne .bu-btn{flex:1 1 100%; justify-content:center; margin-top:0}
  .bu-bilan__chiffres{gap:16px}
  .bu-svcs{padding:2px 12px}
}