/* ============================================================
   Hazırlıklı R5.1.3 — Web Auth + Desktop Work OS Polish
   Scope: desktop auth composition, plan alignment, desktop shell.
   R5.1.1 mobile contracts remain unchanged.
============================================================ */

/* ---------- Desktop auth: compact, fixed, premium ---------- */
@media (min-width:768px){
  html:has(body.hz-auth-page),
  body.hz-auth-page{
    width:100%;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    background:
      radial-gradient(70% 54% at 18% 6%,var(--accent-10),transparent 64%),
      var(--background)!important;
  }

  body.hz-auth-page > .relative.z-10{
    width:100%;
    height:100dvh!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(470px,.94fr)!important;
    overflow:hidden!important;
  }

  body.hz-auth-page > .relative.z-10 > section:first-child{
    min-height:0!important;
    height:100dvh!important;
    padding:clamp(28px,3.2vw,48px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    border-color:var(--border)!important;
    background:
      linear-gradient(180deg,var(--surface-alpha),transparent 46%),
      transparent!important;
  }

  body.hz-auth-page .hz-auth-side-brand{
    flex:0 0 auto;
  }

  body.hz-auth-page .hz-auth-side-content{
    max-width:590px!important;
    margin-top:clamp(42px,7vh,76px)!important;
  }

  body.hz-auth-page .hz-auth-side-content h1{
    max-width:720px;
    margin-top:18px!important;
    font-size:clamp(2.6rem,4.1vw,4.8rem)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
  }

  body.hz-auth-page .hz-auth-side-content > p{
    max-width:620px;
    margin-top:20px!important;
    font-size:clamp(1rem,1.25vw,1.18rem)!important;
    line-height:1.65!important;
    color:var(--text-secondary)!important;
  }

  body.hz-auth-page .hz-auth-side-panel,
  body.hz-auth-page .hz-auth-side-grid > div{
    border-color:var(--border)!important;
    background:linear-gradient(180deg,var(--surface-elevated),var(--surface))!important;
    box-shadow:var(--shadow-raised)!important;
  }

  body.hz-auth-page .hz-auth-side-symbol{
    width:42px;
    height:42px;
    border-radius:12px;
    display:grid;
    place-items:center;
    border:1px solid var(--accent-border);
    background:var(--accent-10);
    color:var(--accent-strong);
    font:900 11px/1 ui-sans-serif,system-ui,sans-serif;
    letter-spacing:.08em;
  }

  body.hz-auth-page .hz-auth-side-footer{
    margin-top:auto!important;
    padding-top:22px;
    color:var(--text-muted)!important;
  }

  body.hz-auth-page > .relative.z-10 > .hz-auth-flow{
    min-height:0!important;
    height:100dvh!important;
    padding:clamp(22px,3.2vh,42px) clamp(34px,4.8vw,72px)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,var(--surface-alpha),transparent 58%)!important;
  }

  body.hz-auth-page .hz-auth-flow > .w-full.max-w-lg{
    width:min(100%,500px)!important;
    max-width:500px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  body.hz-auth-page [data-language-switcher]{
    margin:0 0 clamp(14px,2.2vh,22px)!important;
  }

  body.hz-auth-page .text-xs.text-cyan-400{
    font-size:10px!important;
    letter-spacing:.18em!important;
    color:var(--accent-strong)!important;
  }

  body.hz-auth-page h2{
    margin:8px 0 0!important;
    font-size:clamp(2.35rem,3.2vw,3.25rem)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }

  body.hz-auth-page h2 + p{
    max-width:470px!important;
    margin:12px 0 0!important;
    font-size:.94rem!important;
    line-height:1.55!important;
    color:var(--text-secondary)!important;
  }

  body.hz-auth-page form{
    margin-top:clamp(16px,2.2vh,24px)!important;
    padding:clamp(16px,2vh,20px)!important;
    border:1px solid var(--border)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,var(--surface-elevated),var(--surface))!important;
    box-shadow:var(--shadow-raised)!important;
  }

  body.hz-auth-page form.space-y-5 > :not([hidden]) ~ :not([hidden]){
    margin-top:12px!important;
  }

  body.hz-auth-page label{
    margin-bottom:6px!important;
    font-size:12px!important;
  }

  body.hz-auth-page .input{
    min-height:50px!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    background:var(--surface-soft)!important;
  }

  body.hz-auth-page .turnstile-wrap{
    min-height:0!important;
  }
  body.hz-auth-page .turnstile-wrap:empty{
    display:none!important;
    margin:0!important;
  }

  body.hz-auth-page form button[type="submit"]{
    position:static!important;
    width:100%!important;
    min-height:52px!important;
    margin-top:14px!important;
    border-radius:14px!important;
    background:var(--accent-gradient)!important;
    color:var(--action-text)!important;
    box-shadow:var(--shadow-accent)!important;
  }

  body.hz-auth-page form + .h-px{
    display:none!important;
  }

  body.hz-auth-page form + .h-px + p,
  body.hz-auth-page .hz-public-auth-return{
    margin:14px 0 0!important;
    padding:0!important;
    font-size:12px!important;
  }

  body.hz-page-signup .signup-company-field{
    display:none!important;
  }

  body.hz-page-signup label.flex.items-start{
    gap:9px!important;
    font-size:.78rem!important;
    line-height:1.3!important;
  }

  body.hz-page-signup label.flex.items-start .block.text-xs{
    margin-top:2px!important;
    font-size:.7rem!important;
  }
}

/* Smaller laptop height: keep auth one-piece without clipping. */
@media (min-width:768px) and (max-height:780px){
  body.hz-auth-page > .relative.z-10 > section:first-child{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  body.hz-auth-page .hz-auth-side-content{margin-top:30px!important}
  body.hz-auth-page .hz-auth-side-content h1{font-size:2.8rem!important}
  body.hz-auth-page .hz-auth-side-content > p{margin-top:14px!important;font-size:.95rem!important;line-height:1.45!important}
  body.hz-auth-page .hz-auth-side-grid{margin-top:18px!important}
  body.hz-auth-page .hz-auth-side-panel{margin-top:18px!important}
  body.hz-auth-page > .relative.z-10 > .hz-auth-flow{padding-top:18px!important;padding-bottom:18px!important}
  body.hz-auth-page [data-language-switcher]{margin-bottom:10px!important}
  body.hz-auth-page h2{font-size:2.35rem!important}
  body.hz-auth-page h2 + p{margin-top:8px!important;font-size:.86rem!important}
  body.hz-auth-page form{margin-top:12px!important;padding:13px!important}
  body.hz-auth-page form.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:8px!important}
  body.hz-auth-page .input{min-height:46px!important}
  body.hz-auth-page form button[type="submit"]{min-height:48px!important;margin-top:10px!important}
  body.hz-page-signup label.flex.items-start{font-size:.72rem!important}
}

/* ---------- Pricing: ruler-aligned desktop cards ---------- */
@media (min-width:1024px){
  .hz-plan-grid{
    align-items:stretch!important;
  }
  .hz-plan-grid .price-card{
    min-height:0!important;
    height:100%!important;
    padding:28px!important;
  }
  .hz-plan-kicker{min-height:20px!important}
  .hz-plan-title{
    min-height:82px!important;
    margin-top:12px!important;
    display:flex!important;
    align-items:flex-start!important;
  }
  .hz-plan-desc{
    min-height:78px!important;
    margin-top:0!important;
  }
  .hz-plan-price{
    min-height:78px!important;
    margin-top:0!important;
    display:flex!important;
    align-items:flex-end!important;
  }
  .hz-plan-value{
    min-height:112px!important;
    margin-top:18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .hz-plan-cta{
    margin-top:18px!important;
    min-height:50px!important;
  }
  .hz-plan-features{
    margin-top:22px!important;
    padding-top:20px!important;
    flex:1 1 auto!important;
  }
}

/* ---------- Desktop Work OS: legacy dashboard never needed ---------- */
@media (min-width:768px){
  body:has(.hzv3-app){
    height:100dvh!important;
    overflow:hidden!important;
    background:
      radial-gradient(55% 48% at 50% -8%,var(--accent-10),transparent 64%),
      var(--background)!important;
  }

  .hzv3-app{
    width:min(1220px,calc(100vw - 40px))!important;
    height:calc(100dvh - 40px)!important;
    min-height:0!important;
    margin:20px auto!important;
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-rows:82px minmax(0,1fr)!important;
    overflow:hidden!important;
    border:1px solid var(--border)!important;
    border-radius:28px!important;
    background:var(--surface)!important;
    box-shadow:var(--shadow-raised)!important;
  }

  .hzv3-header{
    position:static!important;
    grid-column:1 / 3!important;
    grid-row:1!important;
    min-height:82px!important;
    height:82px!important;
    padding:0 22px!important;
    display:grid!important;
    grid-template-columns:200px minmax(0,1fr) auto!important;
    align-items:center!important;
    border-bottom:1px solid var(--border)!important;
    border-right:0!important;
  }
  .hzv3-header-leading{display:none!important}
  .hzv3-brand{grid-column:1!important;justify-self:start!important;position:static!important;transform:none!important}
  .hzv3-route-meta{grid-column:2!important;display:block!important;position:static!important;transform:none!important;text-align:left!important}
  .hzv3-header-actions{grid-column:3!important;position:static!important;transform:none!important}
  .hzv3-header-title{font-size:18px!important}
  .hzv3-header-eyebrow{font-size:9px!important}

  .hzv3-tabbar{
    position:static!important;
    grid-column:1!important;
    grid-row:2!important;
    width:auto!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:18px 12px!important;
    border-top:0!important;
    border-right:1px solid var(--border)!important;
    background:var(--surface-soft)!important;
  }
  .hzv3-tab{
    width:100%!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:start!important;
    gap:10px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  .hzv3-tab.is-active:not(.hzv3-tab-create)::before{
    inset:0!important;
    border-radius:14px!important;
  }
  .hzv3-tab-icon{font-size:20px!important;z-index:1!important}
  .hzv3-tab > span:last-child{z-index:1!important}
  .hzv3-tab-create{order:3!important}
  .hzv3-create-orb{
    width:38px!important;
    height:38px!important;
    margin:0!important;
    font-size:24px!important;
    border-radius:12px!important;
  }

  .hzv3-main{
    grid-column:2!important;
    grid-row:2!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:auto!important;
    padding:26px 32px 32px!important;
    background:
      radial-gradient(75% 36% at 50% 0%,var(--accent-06),transparent 70%),
      var(--background)!important;
  }
  .hzv3-page{
    width:100%!important;
    max-width:940px!important;
    margin:0 auto!important;
  }
  .hzv3-hero h2{font-size:38px!important}
  .hzv3-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hzv3-page-solutions .hzv3-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .hzv3-page-solutions .hzv3-solution{min-height:88px!important}
  .hzv3-page-create{max-width:820px!important}
  .hzv3-page-settings{max-width:920px!important}
}