/* Shared mobile actions. Desktop layout is unchanged. */
.wtmm-bar { display:none; }
@media (max-width:767px) {
  body.wtmm-enabled { --wtmm-height:calc(72px + env(safe-area-inset-bottom, 0px)); padding-bottom:var(--wtmm-height); }
  .wtmm-bar:not([hidden]) { position:fixed; inset:auto 0 0; z-index:90; display:flex; gap:6px; min-height:72px; padding:8px 16px calc(8px + env(safe-area-inset-bottom, 0px)); background:#fff; border-top:1px solid #e7e7e7; box-shadow:0 -4px 24px rgba(0,0,0,.07); font-family:var(--ok-font-body); }
  .wtmm-bar .wtmm-link { display:flex; flex:1 1 0; min-width:0; min-height:55px; flex-direction:column; gap:4px; align-items:center; justify-content:center; padding:5px 3px; border-radius:10px; color:var(--ok-text); text-decoration:none; font-size:11px; font-weight:600; line-height:1.2; text-align:center; transition:background .15s ease; -webkit-tap-highlight-color:transparent; }
  .wtmm-link svg { flex-shrink:0; }
  .wtmm-link span { max-width:100%; overflow-wrap:anywhere; }
  .wtmm-bar .wtmm-link:hover { background:#f4f4f4; }
  .wtmm-bar .wtmm-primary { background:var(--ok-orange); color:#151515; }
  .wtmm-bar .wtmm-primary:hover { background:var(--ok-orange); filter:brightness(.96); }
  .wtmm-bar .wtmm-link:focus-visible { outline:2px solid var(--ok-orange-dark); outline-offset:2px; }
  body.wtmm-suspended .wtmm-bar { visibility:hidden; pointer-events:none; }
  body.wtmm-enabled .okq-actions { bottom:var(--wtmm-height); padding-bottom:12px; }
  body.wtmm-suspended .okq-actions { bottom:0; }
}
@media (prefers-reduced-motion:reduce) { .wtmm-bar .wtmm-link { transition:none; } }