/* =========================================================
   HT FINAL FIX: Masaüstü lacivert arka plan + Login buton uyumu
   ========================================================= */

/* Desktop'ta panel dışındaki yapışan lacivert/koyu alanı temizle */
@media (min-width:681px){
  html,
  body,
  body::before,
  body::after,
  .app-shell,
  .panel-shell,
  .dashboard-shell,
  .main-shell,
  .content-shell,
  .page-shell,
  .app-screen,
  .panel-screen,
  .dashboard-screen,
  .main-screen,
  .home-screen,
  .screen,
  .page,
  .main,
  .content,
  .dashboard,
  .panel,
  .desktop-content,
  .page-content,
  .main-content,
  .content-area,
  .panel-main,
  .ana-screen,
  .home-page,
  .dashboard-container,
  .panel-container,
  .desktop-container,
  #app,
  #root,
  #panelRoot,
  #pageRoot {
    background:
      radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--ht-accent,#2563eb) 22%, transparent), transparent 30%),
      radial-gradient(circle at 90% 2%, color-mix(in srgb, var(--ht-accent-2,#06b6d4) 18%, transparent), transparent 30%),
      linear-gradient(180deg,var(--ht-bg-1,#f8fbff),var(--ht-bg-2,#eef4ff))!important;
    background-color:var(--ht-bg-1,#f8fbff)!important;
    color:var(--ht-text,#0f172a)!important;
  }

  /* Eğer eski dark overlay / bg katmanı varsa kapat */
  .bg-dark,
  .dark-bg,
  .night-bg,
  .panel-bg,
  .page-bg,
  .background,
  .bg,
  .overlay,
  .dark-overlay,
  .bg-overlay,
  [class*="dark"],
  [class*="night"]{
    background:
      linear-gradient(180deg,var(--ht-bg-1,#f8fbff),var(--ht-bg-2,#eef4ff))!important;
    background-color:var(--ht-bg-1,#f8fbff)!important;
  }

  /* Paneldeki ana kart geniş masaüstünde tema arka planından ayrışsın */
  .app-top,
  .page-card,
  .panel-card,
  .dashboard-card,
  .home-card,
  .widget-card,
  .summary-card,
  .notification-card,
  .calorie-card,
  .menu-card,
  .tool-card,
  .bottom-dock,
  .dock,
  .nav-dock{
    background:
      linear-gradient(145deg,
        color-mix(in srgb, var(--ht-surface,rgba(255,255,255,.72)) 92%, white 8%),
        color-mix(in srgb, var(--ht-surface-2,rgba(255,255,255,.52)) 90%, var(--ht-accent,#2563eb) 10%)
      )!important;
    border-color:var(--ht-line,rgba(147,197,253,.34))!important;
    color:var(--ht-text,#0f172a)!important;
  }
}

/* Login aksiyonları: Panel Girişi ve Vazgeç aynı yazı boyutu/uyum */
.ht-login-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  margin-top:18px!important;
}

.ht-login-actions #panelLoginBtn,
.ht-login-actions .panel-login-btn,
.ht-login-actions #cancelLoginBtn,
.ht-login-actions .cancel-login-btn,
.ht-login-actions .vazgec-btn,
#panelLoginBtn,
.panel-login-btn,
#cancelLoginBtn,
.cancel-login-btn,
.vazgec-btn{
  font-size:22px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
  opacity:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  text-align:center!important;
  text-decoration:none!important;
  min-height:58px!important;
  border-radius:22px!important;
  padding:0 18px!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:linear-gradient(145deg,#ffffff 0%,#f5f9ff 52%,#dbeafe 100%)!important;
  border:1px solid rgba(37,99,235,.32)!important;
  box-shadow:0 14px 32px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,1)!important;
}

/* Panel giriş ana butonu full genişlik */
.ht-login-actions #panelLoginBtn,
.ht-login-actions .panel-login-btn,
#panelLoginBtn,
.panel-login-btn{
  width:100%!important;
}

/* Vazgeç artık daha uyumlu: aynı yazı boyutu, hafif daha dar */
.ht-login-actions #cancelLoginBtn,
.ht-login-actions .cancel-login-btn,
.ht-login-actions .vazgec-btn,
#cancelLoginBtn,
.cancel-login-btn,
.vazgec-btn{
  width:72%!important;
  align-self:center!important;
  border-radius:999px!important;
}

/* İç elementleri de aynı yap */
.ht-login-actions #panelLoginBtn *,
.ht-login-actions .panel-login-btn *,
.ht-login-actions #cancelLoginBtn *,
.ht-login-actions .cancel-login-btn *,
.ht-login-actions .vazgec-btn *,
#panelLoginBtn *,
.panel-login-btn *,
#cancelLoginBtn *,
.cancel-login-btn *,
.vazgec-btn *{
  font-size:22px!important;
  font-weight:950!important;
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* Koyu pseudo katmanları kapat */
#panelLoginBtn::before,
#panelLoginBtn::after,
.panel-login-btn::before,
.panel-login-btn::after,
#cancelLoginBtn::before,
#cancelLoginBtn::after,
.cancel-login-btn::before,
.cancel-login-btn::after,
.vazgec-btn::before,
.vazgec-btn::after{
  content:""!important;
  display:none!important;
  background:transparent!important;
  opacity:0!important;
}

/* Klavye açıkken mobilde taşmasın */
@media(max-width:680px){
  .ht-login-actions{
    gap:10px!important;
  }
  .ht-login-actions #panelLoginBtn,
  .ht-login-actions .panel-login-btn,
  .ht-login-actions #cancelLoginBtn,
  .ht-login-actions .cancel-login-btn,
  .ht-login-actions .vazgec-btn,
  #panelLoginBtn,
  .panel-login-btn,
  #cancelLoginBtn,
  .cancel-login-btn,
  .vazgec-btn{
    font-size:21px!important;
    min-height:56px!important;
  }
  .ht-login-actions #panelLoginBtn *,
  .ht-login-actions .panel-login-btn *,
  .ht-login-actions #cancelLoginBtn *,
  .ht-login-actions .cancel-login-btn *,
  .ht-login-actions .vazgec-btn *,
  #panelLoginBtn *,
  .panel-login-btn *,
  #cancelLoginBtn *,
  .cancel-login-btn *,
  .vazgec-btn *{
    font-size:21px!important;
  }
}