/* SOTICAM — affichage téléphone et tablette : tout tient dans l'écran, le zoom reste facultatif. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,canvas,svg{max-width:100%;height:auto}
.sm-off{min-height:100vh;display:grid;place-items:center;padding:24px;font-family:"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(160deg,#1b1030,#56339b);color:#fff;text-align:center}
.sm-off>div{max-width:420px;display:grid;gap:12px;justify-items:center}.sm-off b{font-size:20px}.sm-off p{margin:0;opacity:.9;line-height:1.5}.sm-off a{color:#1b1030;background:#f5c542;padding:11px 18px;border-radius:12px;font-weight:800;text-decoration:none}
.sm-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
#sm-pill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom));z-index:2147483000;background:#1b1030;color:#fff;border:1px solid #f5c542;border-radius:999px;padding:8px 14px;font:700 13px/1.2 "Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.3);display:none;max-width:92vw;text-align:center}
#sm-pill.on{display:block}
@media (max-width:900px){
  body *:not(table):not(thead):not(tbody):not(tr):not(td):not(th):not(svg *){min-width:0}
  header,header>div,.top,.topbar,.r1,.r2,.hero,.px-hero,.head,.toolbar{flex-wrap:wrap!important}
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  .workspace,.layout,.app,.shell{grid-template-columns:minmax(0,1fr)!important}
  .xp-spot{display:none!important}
  .pst nav,.ps-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}

  body{overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  input,select,textarea{font-size:16px!important;max-width:100%}
  input[type=checkbox],input[type=radio]{font-size:inherit!important}
  button,.btn,a.btn,[role=button]{min-height:40px}
  table{max-width:none}
  .container,.wrap,.page,main,.main,.content,.px,.card,.px-card,.panel,section{max-width:100%!important;box-sizing:border-box}
  .grid,.g2,.g3,.g4,.cols,.row,.form-row,.px-grid,.kpis,.px-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important}
  .row,.form-row,.toolbar,.actions,.px-bar,.bar,.tabs,nav{flex-wrap:wrap!important}
  .tabs,nav ul,.subnav,.sidebar nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal,.dialog,[role=dialog]>div{max-width:96vw!important;max-height:92vh;overflow:auto}
  h1{font-size:clamp(20px,6vw,28px)!important}h2{font-size:clamp(17px,5vw,22px)!important}
  pre,code{white-space:pre-wrap;word-break:break-word}
}
@media (max-width:600px){
  .sidebar,aside.side,.side-nav{position:static!important;width:100%!important;height:auto!important}
  .hide-mobile{display:none!important}
}