/* BWW Panel telefon sürümü: masaüstü arayüzün (app.css) üstüne yalnızca telefona özgü farklar.
   iPhone'un çentiği / Dynamic Island ve alt çizgisi için güvenli alan boşlukları, dokunmaya uygun boyutlar. */

html.mobile, .mobile body {
  height: 100%; overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%;
}
/* pencereyi tam doldurur. Saat satırı opak (status-bar-style: black): şeffaf modda iOS uygulamayı saat satırının
   altına kaydırıp yüksekliğini uzatmıyor, altta 62 noktalık çizilemeyen bir boşluk kalıyordu (ekran 956, pencere 894). */
.mobile #app { position: fixed; inset: 0; height: auto; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }

/* masaüstüne özgü parçalar (pencere düğmeleri, yayın, anahtar ayarları) telefonda yok */
.mobile [data-desktop], .mobile #btn-pin, .mobile #btn-min, .mobile #btn-close, .mobile .card.pub { display: none !important; }
html:not(.mobile) [data-mobile] { display: none !important; }

/* üst şerit: saat satırının altında (opak satırda güvenli alan 0 olur; şeffaf olursa yine altından başlar) */
.mobile #titlebar { height: calc(54px + env(safe-area-inset-top)); padding-top: calc(env(safe-area-inset-top) + 4px); padding-right: 10px; }
.mobile .tb-btn { width: 40px; height: 40px; padding: 9px; }

/* sekmeler: iOS uygulamalarındaki gibi ekranın altında, alt çizginin hemen üstünde; parmakla rahat basılsın */
.mobile #content { order: 1; }
.mobile #tabs {
  order: 2; margin: 0; border-radius: 0; border: 0; border-top: 1px solid var(--line);
  /* alttaki çizginin (home indicator) hemen üstüne kadar: güvenli alanın bir kısmı menünün altında kalır */
  padding: 6px 8px max(4px, calc(env(safe-area-inset-bottom) - 16px));
  background: rgba(14, 10, 24, .92); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .35);
}
.mobile #tabs button { padding: 8px 2px 7px; font-size: 10px; }
.mobile #tabs button:hover .tab-ico { transform: none; }
.mobile .tab-ico { width: 22px; height: 22px; }
.mobile #tab-ink { top: 6px; bottom: max(4px, calc(env(safe-area-inset-bottom) - 16px)); left: 8px; width: calc((100% - 16px) / 6); }

.mobile .tab { -webkit-overflow-scrolling: touch; }
.mobile .sheet-card { height: calc(100% - 44px - env(safe-area-inset-top)); }
.mobile .sheet-foot { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
/* kısa uyarılar alttaki menünün üstünde */
.mobile .toast { bottom: calc(72px + env(safe-area-inset-bottom)); }

/* iOS 16 pikselden küçük yazı alanına odaklanınca sayfayı yakınlaştırır */
.mobile .field input, .mobile .field textarea, .mobile select { font-size: 16px; }
.mobile .btn.small { padding: 9px 14px; }

/* telefonda imleç ışığı yok */
.mobile .spot::before { display: none; }

/* ---------------- giriş ekranı ---------------- */
#auth {
  position: fixed; inset: 0; z-index: 100; display: grid; place-items: center;
  padding: calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(123, 44, 255, .38), rgba(123, 44, 255, 0) 62%),
    radial-gradient(70% 40% at 100% 108%, rgba(214, 180, 255, .08), rgba(214, 180, 255, 0) 70%),
    var(--surface);
  transition: opacity .4s ease;
}
#auth.out { opacity: 0; pointer-events: none; }
.auth-card { width: 100%; max-width: 360px; display: flex; flex-direction: column; align-items: stretch; gap: 12px; text-align: center; }
.auth-logo { width: 84px; height: 84px; margin: 0 auto 6px; filter: drop-shadow(0 0 26px rgba(182,137,255,.6)); }
.auth-card h1 { margin: 0; font-family: 'Space Grotesk', Inter, sans-serif; font-size: 28px; font-weight: 600; letter-spacing: -.02em; }
.auth-card > .kicker { justify-content: center; margin: -6px 0 22px; letter-spacing: .3em; }
.auth-card .send { width: 100%; }
.auth-card .btn { justify-content: center; padding: 12px; }
#auth-pair { display: flex; flex-direction: column; gap: 10px; text-align: left; }
#auth-pair[hidden] { display: none; }
#auth-code { text-transform: uppercase; letter-spacing: .3em; text-align: center; font-family: 'Space Grotesk', Inter, sans-serif; }
.auth-help { margin: 0; font-size: 12.5px; color: var(--muted); line-height: 1.5; text-align: center; }
.auth-help b { color: var(--text); font-weight: 500; }
#auth .form-msg { margin: 4px 0 0; min-height: 1.4em; text-align: center; }

/* Ayarlar → Bu telefon → Ekran bilgisi */
.m-screen { margin: 8px 0 0; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid var(--line); font: 11px/1.55 ui-monospace, Menlo, monospace; color: var(--muted); white-space: pre-wrap; word-break: break-word; user-select: text; -webkit-user-select: text; }
.w-code { display: block; width: 100%; margin-top: 10px; resize: none; min-height: 120px; }