/* «Sendover في المتصفح» فوق popup.css: صفحةٌ لا نافذةُ ٣٦٠×٦٠٠ (المواصفة 2026-10-10، القرار ١٤).
   عمودٌ موسَّط بسقف ٤٨٠ بارتفاع المنفذ، والخلفيةُ خارجه لونُ الصفحة نفسه. والأرقام هنا تلغي
   ما في popup.css: `body{width:360px}` و`#pairView{height:600px}` و`#settingsView/#browseView{height:520px}`. */
html.web, html.web body { min-height: 100%; }
html.web body {
  width: auto; max-width: 480px; min-height: 100dvh; margin: 0 auto;
  display: flex; flex-direction: column;
}
html.web .view { flex: 1 1 auto; }
html.web #pairView { height: 100dvh; }
html.web #settingsView, html.web #browseView { height: 100dvh; }
/* .hidden تغلب display:flex كما في popup.css */
html.web .view.hidden { display: none !important; }

/* شريطٌ هادئ — لا بلون الإشارة (القرار ٩): للإضافة وللتثبيت وللافتة الإشعارات */
html.web .ext-strip {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin: 0 0 8px; padding: 8px 12px;
  border: 1px solid var(--line); border-radius: 10px;
  color: var(--ash-dim); font-size: 12.5px; line-height: 1.45;
}
html.web .ext-strip a { color: var(--link); white-space: nowrap; }
html.web .ext-strip .btn.tiny { flex: none; }