/* Shared phone layout for every embedded SEO Nikagod tool. */
@media (max-width: 700px) {
  html { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  body { min-width: 0 !important; overflow-x: hidden !important; padding: 12px !important; }
  .wrap, .shell, .container, .dashboard { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; }
  header, .head, .top { align-items: flex-start !important; gap: 12px !important; }
  .brand { min-width: 0 !important; max-width: 100%; }
  .brand > div { min-width: 0; }
  .brand img, .brand-logo-image { width: 48px !important; height: 48px !important; min-width: 48px !important; border-radius: 12px !important; }
  h1 { font-size: clamp(18px, 5.5vw, 22px) !important; overflow-wrap: anywhere; }
  h2 { font-size: 17px !important; }
  .sub, .subtitle { font-size: 11px !important; overflow-wrap: anywhere; }
  .grid, .layout, .workspace, .container, form, .form.grid2, .two, .row, .options, .bot-list,
  #panel-sameas form, .bc-row, .repeat-item { grid-template-columns: minmax(0, 1fr) !important; }
  .panel, .pad, .form, .result-panel, .results-panel { min-width: 0 !important; max-width: 100% !important; padding: 14px !important; border-radius: 15px !important; }
  .dashboard { border-left-width: 1px !important; border-right-width: 1px !important; gap: 12px !important; }
  .header { padding: 12px !important; }
  input:not([type="checkbox"]):not([type="radio"]), textarea, select { width: 100% !important; max-width: 100% !important; font-size: 16px !important; }
  textarea { min-height: 180px !important; }
  .actions, .toolbar, .tabs, .chips { gap: 8px !important; }
  .actions .btn, .toolbar .btn { flex: 1 1 120px; min-height: 44px; white-space: normal; }
  .tabs { overflow-x: auto; padding-bottom: 3px; }
  .tab { flex: 0 0 auto; min-height: 42px; }
  .summary, .stats-grid, .kpi { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .result, .domain-row, .result-head { min-width: 0; }
  .url, .domain, a, code { overflow-wrap: anywhere; word-break: break-word; }
  .table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  table { display: block; width: 100% !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  th, td { white-space: normal; }
  pre { width: 100%; max-width: 100%; min-height: 280px !important; overflow: auto; white-space: pre-wrap; word-break: break-word; }
  .badge, .api-live { display: none !important; }
  .footer-copyright { position: static !important; margin-top: 24px; }
}

@media (max-width: 390px) {
  body { padding: 9px !important; }
  .panel, .pad, .form, .result-panel, .results-panel { padding: 11px !important; }
  .summary, .stats-grid { grid-template-columns: 1fr !important; }
}