/* Vedits – ajustes só do app (site instalável), carregados depois do CSS da extensão */
html.is-app body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
html.is-app .side-foot { display: none; }
html.is-app #shortcutBtn { display: none; }
#appNotice { background: #1f2a3c; border: 1px solid #34507a; color: #dbe7ff; border-radius: 10px; padding: 12px 14px; margin: 0 0 16px; font-size: 14px; line-height: 1.45; }
#appNotice strong { color: #fff; }

/* celular / telas estreitas */
@media (max-width: 760px) {
  html.is-app main { padding: 16px 12px 60px; }
  html.is-app nav { gap: 4px; }
  html.is-app .nav { padding: 8px 10px; font-size: 13px; }
  html.is-app .item { flex-wrap: wrap; }
  html.is-app .item .actions { flex-wrap: wrap; gap: 6px; }
  html.is-app .cloud-item .cloud-thumb { width: 80px; height: 45px; }
  /* editor */
  html.is-app header { flex-wrap: wrap; gap: 6px 10px; padding: 8px 10px calc(8px) 10px; padding-top: max(8px, env(safe-area-inset-top)); }
  html.is-app header h1 { font-size: 15px; }
  html.is-app header #info { order: 5; width: 100%; font-size: 11px; }
  html.is-app .head-btn { font-size: 12px; padding: 6px 9px; }
  html.is-app .cloud-btn { margin-left: auto; }
  html.is-app .cloud-btn + .head-btn { margin-left: 6px; }
  html.is-app header .cloud-flash { order: 6; max-width: 100%; margin: 0; }
}
/* toque: alvos maiores e sem atraso de clique */
html.is-mobile button, html.is-mobile select, html.is-mobile .nav { min-height: 36px; touch-action: manipulation; }
html.is-mobile input[type="range"] { min-height: 28px; }
html.is-mobile .tl-scroll { -webkit-overflow-scrolling: touch; }