/* Eklezia One Studio — TABLETTE EN PAYSAGE et petits écrans (901 à 1280 px : iPad, tablettes Android, petits portables).
   La mise en page de l'ordinateur, plus compacte : menu latéral en icônes (le nom reste au survol / sous l'icône),
   colonne de droite plus étroite, barre du haut resserrée. L'image du public garde la plus grande place. */
:root { --sidew: 84px; --rightw: clamp(280px, 28vw, 360px); }
.side { padding: 10px 6px !important; align-items: stretch; }
.side > button { flex-direction: column !important; justify-content: center; gap: 4px !important; min-height: 64px !important; padding: 6px 2px !important; text-align: center; }
.side > button svg { margin: 0 auto !important; width: 24px !important; height: 24px !important; }
.side > button .pl b { display: block; font-size: 10.5px !important; line-height: 1.15; white-space: normal; }
.side > button .pl small, .side .side-foot { display: none !important; }
.topbar { gap: 10px !important; padding: 0 12px !important; }
.topbar .ekswitch, .topbar .tp-title small, .topbar .tp-clock { display: none !important; }
.topbar .tp-state { max-width: 220px; }
.topbar #goLive { padding: 0 14px !important; white-space: nowrap; }
.pg-grid, .os-grid { grid-template-columns: minmax(0, 1fr) !important; }
.lv-top, .lv-row2 { grid-template-columns: minmax(0, 1fr) !important; }
.mc-head { flex-wrap: wrap; }