/* ============================================================
   Hazırlıklı R5.1.5 — i18n + navigation + root-fit lock
   Scope:
   - Plus is the merchandising focus
   - Settings root fits without scrolling and removes duplicate account block
   - Solutions fits eight workflows without an internal scroll rail
   - Plans fit the mobile viewport
   - Every Settings child has an explicit return control
   - Brand Profile stays inside the canonical Work OS shell
============================================================ */

.hzv3-context-back{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 10px;margin:0 0 9px;
  border:1px solid var(--r51-line)!important;border-radius:11px;
  background:var(--r51-raw-020)!important;color:var(--r51-text)!important;
  font-size:9px;font-weight:850;cursor:pointer;
}
.hzv3-brand-detail{padding:13px!important;border-radius:19px!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.hzv3-brand-detail .hzv3-profile-field input,
.hzv3-brand-detail .hzv3-profile-field select{
  width:100%;min-height:46px;border:1px solid var(--r51-line)!important;border-radius:13px;
  background:var(--r51-raw-041)!important;color:var(--r51-text)!important;padding:0 12px;outline:none;
}
.hzv3-brand-save{grid-column:1/-1;margin-top:2px!important}

@media (max-width:767px){
  /* Root Settings is information-dense by design; it must expose plan + sign-out
     without a discovery scroll. The duplicated Account Information card was removed. */
  .hzv3-main[data-route="settings"]{overflow-y:hidden!important;padding-top:9px!important;padding-bottom:6px!important}
  .hzv3-main[data-route="settings"] .hzv3-page-settings{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-title{flex:0 0 auto!important;margin-bottom:7px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-title h2{font-size:25px!important;margin-top:5px!important;margin-bottom:4px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-title p{font-size:10px!important;line-height:1.3!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-grid{flex:0 0 auto!important;margin-bottom:7px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-tile{min-height:58px!important;padding:7px 8px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-tile .ico{width:29px!important;height:29px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-tile strong{font-size:9.8px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-tile small{font-size:7.5px!important}
  .hzv3-main[data-route="settings"] .hzv3-plan-summary{flex:0 0 auto!important;margin:0!important;padding:8px 10px!important;min-height:62px!important}
  .hzv3-main[data-route="settings"] .hzv3-plan-summary h3{font-size:14px!important;margin-top:2px!important}
  .hzv3-main[data-route="settings"] .hzv3-plan-summary p{font-size:7.8px!important;-webkit-line-clamp:1!important;margin-top:2px!important}
  .hzv3-main[data-route="settings"] .hzv3-plan-summary .hzv3-secondary{min-height:32px!important}
  .hzv3-main[data-route="settings"] .hzv3-signout-wide{flex:0 0 auto!important;min-height:34px!important;margin-top:6px!important}

  /* Eight workflows fit as one fixed solution surface. No body rail and no list rail. */
  .hzv3-main[data-route="solutions"]{overflow-y:hidden!important;padding-top:8px!important;padding-bottom:5px!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions{height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-section-title{flex:0 0 auto!important;margin-bottom:6px!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-section-title h2{font-size:24px!important;margin-top:5px!important;margin-bottom:4px!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-section-title p{font-size:10px!important;line-height:1.3!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-list{
    flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(8,minmax(0,1fr))!important;gap:5px!important;
  }
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-solution{
    min-height:0!important;height:auto!important;padding:5px 8px!important;border-radius:14px!important;
    grid-template-columns:32px minmax(0,1fr) 14px!important;gap:8px!important;
  }
  .hzv3-main[data-route="solutions"] .hzv3-solution-icon{width:30px!important;height:30px!important;font-size:14px!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-solution strong{font-size:10.8px!important;line-height:1.08!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-solution small{font-size:7.8px!important;line-height:1.2!important;margin-top:2px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  /* Plan detail is also a fixed product surface. */
  .hzv3-main[data-route="plans"]{overflow-y:hidden!important;padding-top:8px!important;padding-bottom:5px!important}
  .hzv3-main[data-route="plans"] .hzv3-page-plans{height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .hzv3-main[data-route="plans"] .hzv3-context-back{flex:0 0 auto!important;margin-bottom:6px!important;min-height:30px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-intro{flex:0 0 auto!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-intro p{font-size:10px!important;line-height:1.3!important;margin:0 0 6px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-tabs{flex:0 0 auto!important;margin:0 0 7px!important;padding:3px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-tab{min-height:36px!important;font-size:10px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-card{flex:1 1 auto!important;min-height:0!important;padding:11px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-top h3{font-size:18px!important;margin-top:3px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-price{font-size:18px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-desc{font-size:9px!important;line-height:1.35!important;margin:7px 0!important;padding-top:7px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-features{flex:1 1 auto!important;min-height:0!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-feature{min-height:31px!important;font-size:9px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-feature strong{font-size:9px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-card .hzv3-primary{flex:0 0 auto!important;min-height:40px!important;margin-top:8px!important}

  /* Canonical Settings children. The page can scroll only if a keyboard or very
     short accessibility viewport genuinely requires it; navigation is always visible. */
  .hzv3-main[data-route="profile"],.hzv3-main[data-route="brand"],.hzv3-main[data-route="preferences"],.hzv3-main[data-route="security"]{padding-top:8px!important}
  .hzv3-context-back{margin-bottom:7px!important}
  .hzv3-brand-detail{grid-template-columns:1fr!important;gap:8px!important;padding:11px!important}
  .hzv3-brand-detail .hzv3-profile-field input,.hzv3-brand-detail .hzv3-profile-field select{min-height:42px!important}
}

@media (max-width:767px) and (max-height:700px){
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-section-title p{display:none!important}
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-solution{padding-top:4px!important;padding-bottom:4px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-title p{display:none!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-tile{min-height:54px!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-intro{display:none!important}
  .hzv3-main[data-route="plans"] .hzv3-plan-feature{min-height:28px!important}
}

/* ============================================================
   R5.2.2 — Product language + root geometry extension
   Golden screens (Solutions, History, Plans) remain untouched.
============================================================ */
@media (max-width:767px){
  /* Home uses the whole safe viewport intentionally. Memory is a compact
     status row inside the command card; featured solutions own the remainder. */
  .hzv3-main[data-route="home"]{padding-bottom:10px!important}
  .hzv3-main[data-route="home"] .hzv3-page-home{
    height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;
  }
  .hzv3-main[data-route="home"] .hzv3-hero{flex:0 0 auto!important}
  .hzv3-main[data-route="home"] .hzv3-home-command{flex:0 0 auto!important;padding-bottom:8px!important}
  .hzv3-main[data-route="home"] .hzv3-home-memory{
    min-height:50px!important;margin-top:8px!important;padding:6px 8px!important;
    border-radius:14px!important;background:var(--r51-raw-041)!important;box-shadow:none!important;
  }
  .hzv3-main[data-route="home"] .hzv3-home-memory .hzv3-brain{width:34px!important;height:34px!important}
  .hzv3-main[data-route="home"] .hzv3-home-memory .hzv3-memory-strip-copy small{font-size:9px!important}
  .hzv3-main[data-route="home"] .hzv3-featured-head{flex:0 0 auto!important}
  .hzv3-main[data-route="home"] .hzv3-featured-grid{
    flex:1 1 auto!important;min-height:0!important;align-items:stretch!important;
  }
  .hzv3-main[data-route="home"] .hzv3-featured-card{
    height:100%!important;min-height:112px!important;display:flex!important;flex-direction:column!important;
  }
  .hzv3-main[data-route="home"] .hzv3-featured-card small{-webkit-line-clamp:4!important}
  .hzv3-main[data-route="home"] .hzv3-featured-arrow{margin-top:auto!important}

  /* Create is a calm work surface. The command card grows to the bottom-nav
     safe area instead of ending early and leaving an accidental void. */
  .hzv3-main[data-route="create"]{padding-top:9px!important;padding-bottom:12px!important}
  .hzv3-main[data-route="create"] .hzv3-page-create{
    min-height:100%!important;display:flex!important;flex-direction:column!important;
  }
  .hzv3-main[data-route="create"] .hzv3-section-title{flex:0 0 auto!important;margin-bottom:8px!important}
  .hzv3-main[data-route="create"] .hzv3-section-title h2{font-size:25px!important;line-height:1.08!important}
  .hzv3-main[data-route="create"] .hzv3-expert-entry{
    flex:0 0 auto!important;min-height:52px!important;padding:7px 10px!important;margin-bottom:8px!important;
  }
  .hzv3-main[data-route="create"] .hzv3-command-panel{
    flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:9px!important;
  }
  .hzv3-main[data-route="create"] .hzv3-command-panel>textarea{
    flex:1 1 auto!important;min-height:150px!important;padding:12px!important;
  }
  .hzv3-main[data-route="create"] .hzv3-command-footer{flex:0 0 auto!important;margin-top:8px!important}

  /* Account exit is physically separated from ordinary settings and anchored
     to the safe bottom edge whenever the viewport has spare room. */
  .hzv3-main[data-route="settings"]{padding-bottom:16px!important}
  .hzv3-main[data-route="settings"] .hzv3-settings-bottom{margin-top:auto!important}
}

@media (max-width:767px) and (max-height:700px){
  .hzv3-main[data-route="home"] .hzv3-home-command .hzv3-textarea{min-height:72px!important}
  .hzv3-main[data-route="home"] .hzv3-home-memory{min-height:46px!important;margin-top:6px!important}
  .hzv3-main[data-route="home"] .hzv3-featured-card{min-height:86px!important}
  .hzv3-main[data-route="create"] .hzv3-section-title h2{font-size:22px!important}
  .hzv3-main[data-route="create"] .hzv3-expert-entry{min-height:48px!important}
  .hzv3-main[data-route="create"] .hzv3-command-panel>textarea{min-height:92px!important}
  .hzv3-main[data-route="settings"]{padding-bottom:8px!important}
}