/* ============================================================
   Hazırlıklı R5.1 — Visual Production Lock
   High-fidelity mobile product surface for browser + Capacitor.
   Product Core, provider, workflow and entitlement contracts stay intact.
============================================================ */

:root{
  --r51-bg:var(--r51-raw-001);
  --r51-bg-2:var(--r51-raw-002);
  --r51-panel:var(--r51-raw-003);
  --r51-panel-2:var(--r51-raw-004);
  --r51-panel-3:var(--r51-raw-005);
  --r51-line:var(--r51-raw-006);
  --r51-line-strong:var(--r51-raw-007);
  --r51-cyan:var(--r51-raw-008);
  --r51-cyan-strong:var(--r51-raw-009);
  --r51-text:var(--r51-raw-010);
  --r51-muted:var(--r51-raw-011);
  --r51-dim:var(--r51-raw-012);
  --r51-success:var(--r51-raw-013);
  --r51-shadow:0 18px 48px var(--r51-raw-014);
  --r51-glow:0 0 0 1px var(--r51-raw-015),0 12px 36px var(--r51-raw-016);
  --r51-gutter:16px;
}

/* ---------- Core app shell ---------- */
.hzv3-app{
  --hz-header-h:62px;
  --hz-tab-h:72px;
  background:
    radial-gradient(70% 38% at 50% -12%,var(--r51-raw-017),transparent 68%),
    linear-gradient(180deg,var(--r51-bg-2),var(--r51-bg))!important;
}
.hzv3-header{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  min-width:0;
  padding:var(--hz-safe-top) var(--r51-gutter) 0!important;
  background:var(--r51-raw-018)!important;
  border-bottom:1px solid var(--r51-line)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;
}
.hzv3-header-leading,.hzv3-header-actions{display:flex;align-items:center;min-width:0}
.hzv3-header-leading{justify-content:flex-start}.hzv3-header-actions{justify-content:flex-end}
.hzv3-brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;font-weight:900;letter-spacing:-.035em;color:var(--r51-text)}
.hzv3-brand-mark{width:28px;height:28px;border:1px solid var(--r51-cyan);color:var(--r51-cyan-strong);display:grid;place-items:center;transform:rotate(45deg);border-radius:5px;font-size:18px;line-height:1;box-shadow:0 0 24px var(--r51-raw-019)}
.hzv3-brand-mark::first-letter{transform:rotate(-45deg)}
.hzv3-brand-name{font-size:20px;line-height:1;white-space:nowrap}
.hzv3-route-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hzv3-back{width:36px!important;height:36px!important;border:1px solid var(--r51-line)!important;border-radius:50%!important;background:var(--r51-raw-020)!important;color:var(--r51-text)!important;font-size:27px!important}
.hzv3-lang{width:86px!important;height:36px!important;padding:3px!important;border-radius:14px!important;background:var(--r51-raw-020)!important;border:1px solid var(--r51-line)!important}
.hzv3-lang button{font-size:11px!important;border-radius:10px!important}.hzv3-lang button.is-active{background:var(--r51-raw-019)!important;color:var(--r51-cyan-strong)!important;box-shadow:inset 0 0 0 1px var(--r51-raw-021)!important}

.hzv3-main{
  padding:14px var(--r51-gutter) 12px!important;
  background:transparent!important;
  overscroll-behavior-y:contain!important;
  scroll-behavior:smooth;
}
.hzv3-page{max-width:430px!important;margin:0 auto!important}
.hzv3-page>*:first-child{margin-top:0!important}
.hzv3-kicker{font-size:9.5px!important;letter-spacing:.19em!important;color:var(--r51-cyan-strong)!important}
.hzv3-section-title,.hzv3-hero{margin:0 0 12px!important;padding:0 2px!important}
.hzv3-section-title h2,.hzv3-hero h2{font-size:28px!important;line-height:1.05!important;letter-spacing:-.045em!important;margin:7px 0 7px!important;color:var(--r51-text)!important}
.hzv3-section-title p,.hzv3-hero p{font-size:12px!important;line-height:1.45!important;color:var(--r51-muted)!important;max-width:390px}
.hzv3-section-title-centered,.hzv3-hero-centered{text-align:center!important}
.hzv3-section-title-centered p,.hzv3-hero-centered p{margin-left:auto!important;margin-right:auto!important}

.hzv3-card,.hzv3-solution,.hzv3-history-item,.hzv3-settings-tile,.hzv3-detail-card,.hzv3-memory-strip,.hzv3-expert-entry{
  background:linear-gradient(180deg,var(--r51-raw-022),var(--r51-raw-023))!important;
  border:1px solid var(--r51-line)!important;
  box-shadow:0 8px 28px var(--r51-raw-024)!important;
}

/* ---------- Home: mockup-like value-first surface ---------- */
.hzv3-page-home .hzv3-hero{padding-top:2px!important;margin-bottom:11px!important}
.hzv3-page-home .hzv3-hero h2{font-size:30px!important}
.hzv3-page-home .hzv3-hero h2 em{color:inherit!important}
.hzv3-home-command{padding:10px!important;border-radius:20px!important;box-shadow:var(--r51-glow)!important}
.hzv3-home-command .hzv3-textarea{min-height:112px!important;padding:13px 12px!important;border:1px solid var(--r51-raw-025)!important;border-radius:16px!important;background:linear-gradient(180deg,var(--r51-raw-026),var(--r51-raw-027))!important;font-size:13px!important;line-height:1.5!important}
.hzv3-home-command .hzv3-primary{margin-top:9px!important}
.hzv3-primary{min-height:49px!important;border-radius:15px!important;background:linear-gradient(180deg,var(--r51-raw-028),var(--r51-raw-029))!important;color:var(--r51-raw-030)!important;font-size:13px!important;font-weight:900!important;box-shadow:0 12px 28px var(--r51-raw-031)!important}
.hzv3-secondary{border-color:var(--r51-line)!important;background:var(--r51-raw-032)!important;color:var(--r51-text)!important}
.hzv3-see-solutions{width:100%;min-height:43px!important;margin:9px 0!important;padding:0 14px!important;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:center}
.hzv3-see-solutions span:nth-child(2){font-weight:800}
.hzv3-memory-strip{width:100%;min-height:66px;border-radius:17px;padding:10px 11px;display:grid;grid-template-columns:39px minmax(0,1fr) auto 16px;align-items:center;gap:9px;text-align:left;color:var(--r51-text)}
.hzv3-memory-strip .hzv3-brain{width:38px;height:38px;border-radius:12px;font-size:18px}
.hzv3-memory-strip-copy{min-width:0}.hzv3-memory-strip-copy strong{display:block;font-size:12px}.hzv3-memory-strip-copy small{display:block;font-size:9.5px;line-height:1.35;color:var(--r51-muted);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hzv3-memory-strip-state{font-size:9px;color:var(--r51-cyan-strong);white-space:nowrap;font-weight:850}
.hzv3-featured-head{display:flex;align-items:center;justify-content:space-between;margin:13px 2px 7px;color:var(--r51-muted);font-size:9px;letter-spacing:.10em;font-weight:850}
.hzv3-featured-head button{background:transparent;color:var(--r51-muted);font-size:9px;font-weight:800}
.hzv3-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hzv3-featured-card{position:relative;min-width:0;min-height:116px;padding:11px 9px 18px;border-radius:16px;border:1px solid var(--r51-line);background:linear-gradient(180deg,var(--r51-raw-033),var(--r51-raw-034));text-align:left;color:var(--r51-text);box-shadow:0 8px 24px var(--r51-raw-035)}
.hzv3-featured-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--r51-line-strong);color:var(--r51-cyan-strong);margin-bottom:8px}
.hzv3-featured-card strong{display:block;font-size:10.5px;line-height:1.2}.hzv3-featured-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:8.6px;line-height:1.35;color:var(--r51-muted);margin-top:4px}.hzv3-featured-arrow{position:absolute;right:9px;bottom:7px;color:var(--r51-muted);font-size:17px}

/* ---------- Solutions ---------- */
.hzv3-page-solutions .hzv3-section-title{margin-bottom:10px!important}
.hzv3-page-solutions .hzv3-list{gap:7px!important;padding-bottom:6px!important}
.hzv3-page-solutions .hzv3-solution{min-height:64px!important;padding:9px 11px!important;border-radius:16px!important;grid-template-columns:38px minmax(0,1fr) 18px!important;gap:10px!important}
.hzv3-page-solutions .hzv3-solution::before{width:1px!important;opacity:.70!important}
.hzv3-solution-icon{width:36px!important;height:36px!important;border-radius:11px!important;font-size:17px!important;background:var(--r51-raw-036)!important;border-color:var(--r51-line-strong)!important;color:var(--r51-cyan-strong)!important}
.hzv3-page-solutions .hzv3-solution strong{font-size:12px!important;line-height:1.15!important}.hzv3-page-solutions .hzv3-solution small{font-size:9px!important;line-height:1.32!important;margin-top:3px!important;color:var(--r51-muted)!important}

/* ---------- Create ---------- */
.hzv3-page-create .hzv3-section-title{margin-bottom:10px!important}
.hzv3-expert-entry{width:100%;min-height:57px;border-radius:16px;padding:9px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left;color:var(--r51-text);margin-bottom:9px}
.hzv3-expert-entry-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--r51-cyan-strong);border:1px solid var(--r51-line-strong);background:var(--r51-raw-036)}
.hzv3-expert-entry strong{font-size:11.5px;display:block}.hzv3-expert-entry small{font-size:8.8px;line-height:1.3;color:var(--r51-muted);display:block;margin-top:2px}
.hzv3-command-panel{margin:0!important;padding:10px!important;border-radius:20px!important;box-shadow:var(--r51-glow)!important}
.hzv3-command-panel>textarea{min-height:180px!important;border:1px solid var(--r51-raw-037)!important;border-radius:16px!important;background:linear-gradient(180deg,var(--r51-raw-038),var(--r51-raw-039))!important;padding:13px!important;font-size:13px!important}
.hzv3-command-footer{gap:8px!important;margin-top:9px!important}.hzv3-command-footer .hzv3-memory-row{min-height:55px!important;border-radius:15px!important}.hzv3-command-footer .hzv3-primary{margin-top:0!important}

/* ---------- History ---------- */
.hzv3-page-history .hzv3-section-title{margin-bottom:9px!important}
.hzv3-history-summary{min-height:42px;border:1px solid var(--r51-line);border-radius:14px;background:var(--r51-raw-040);padding:0 12px;display:flex;align-items:center;margin-bottom:8px;font-size:10px;color:var(--r51-muted)}
.hzv3-history-summary strong{color:var(--r51-text)}
.hzv3-history-controls{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:7px;margin-bottom:9px}
.hzv3-history-search{height:42px;border:1px solid var(--r51-line);border-radius:13px;background:var(--r51-raw-041);display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--r51-cyan-strong)}
.hzv3-history-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--r51-text);font-size:10px}.hzv3-history-search input::placeholder{color:var(--r51-dim)}
#hzV3HistoryFilter{height:42px;border:1px solid var(--r51-line-strong);border-radius:13px;background:var(--r51-raw-042);color:var(--r51-text);font-size:9.5px;padding:0 8px;outline:0}
.hzv3-history-list{gap:7px!important}.hzv3-history-item{min-height:64px!important;border-radius:15px!important;padding:8px 10px!important;grid-template-columns:36px minmax(0,1fr) auto 15px!important;gap:8px!important}.hzv3-history-item .icon{width:34px!important;height:34px!important;border-radius:11px!important}.hzv3-history-copy{min-width:0}.hzv3-history-item strong{font-size:10.5px!important}.hzv3-history-item small{font-size:8.7px!important}.hzv3-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--r51-raw-043);color:var(--r51-success);font-size:8px;font-weight:850;white-space:nowrap}

/* ---------- Settings root ---------- */
.hzv3-settings-title{margin-bottom:10px!important}.hzv3-settings-title h2{font-size:29px!important}
.hzv3-settings-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--r51-line-strong);border-radius:19px;overflow:hidden;background:var(--r51-raw-044);box-shadow:var(--r51-glow);margin-bottom:10px}
.hzv3-settings-tile{min-height:72px;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 13px;gap:8px;align-items:center;text-align:left;color:var(--r51-text);border-right:1px solid var(--r51-line);border-bottom:1px solid var(--r51-line)}
.hzv3-settings-tile:nth-child(2n){border-right:0}.hzv3-settings-tile:nth-last-child(-n+2){border-bottom:0}.hzv3-settings-tile .ico,.hzv3-account-head .ico,.hzv3-detail-card>.ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--r51-line-strong);color:var(--r51-cyan-strong);background:var(--r51-raw-045)}
.hzv3-settings-tile strong{font-size:10.5px;display:block}.hzv3-settings-tile small{font-size:8px;line-height:1.25;color:var(--r51-muted);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hzv3-account-card{border-radius:17px!important;margin-bottom:9px;padding:0!important;overflow:hidden}.hzv3-account-head{display:flex;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--r51-line)}.hzv3-account-head strong{font-size:11px;display:block}.hzv3-account-head small{font-size:8.5px;color:var(--r51-muted);display:block;margin-top:2px}.hzv3-account-row{min-height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--r51-line);font-size:9.5px}.hzv3-account-row:last-child{border-bottom:0}.hzv3-account-row span{color:var(--r51-muted)}.hzv3-account-row strong{font-weight:700;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hzv3-plan-summary{padding:11px 12px!important;border-radius:17px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.hzv3-plan-summary h3{margin:4px 0 0;font-size:16px}.hzv3-plan-summary p{font-size:8.6px;color:var(--r51-muted);line-height:1.35;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hzv3-plan-summary .hzv3-secondary{min-height:36px!important;font-size:9px!important;padding:0 10px!important}.hzv3-signout-wide{width:100%;min-height:40px!important;margin-top:9px!important;background:var(--r51-raw-046)!important}

/* ---------- Security / Preferences ---------- */
.hzv3-detail-stack{display:grid;gap:8px}.hzv3-detail-card{min-height:66px;border-radius:16px;padding:10px 11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;color:var(--r51-text);text-align:left}.hzv3-detail-card>div:first-child{min-width:0}.hzv3-detail-card strong{display:block;font-size:11px}.hzv3-detail-card small{display:block;color:var(--r51-muted);font-size:8.8px;line-height:1.35;margin-top:2px}.hzv3-detail-action.danger strong{color:var(--r51-raw-047)}.hzv3-inline-lang{width:92px;height:38px;padding:3px;border:1px solid var(--r51-line);border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.hzv3-inline-lang button{border-radius:9px;background:transparent;color:var(--r51-muted);font-size:10px;font-weight:850}.hzv3-inline-lang button.is-active{background:var(--r51-raw-019);color:var(--r51-cyan-strong)}.hzv3-value-pill{padding:6px 9px;border-radius:999px;border:1px solid var(--r51-line-strong);color:var(--r51-cyan-strong);font-size:9px;font-weight:850}

/* ---------- Result as a finished work package ---------- */
.hzv3-result-head-centered{text-align:center;padding:0 4px 8px}.hzv3-result-ready{font-size:10px;color:var(--r51-cyan-strong);font-weight:900;letter-spacing:.06em}.hzv3-workflow-pill{display:inline-flex;min-height:24px;padding:4px 9px;border-radius:999px;border:1px solid var(--r51-line-strong);color:var(--r51-cyan-strong);font-size:8.5px;font-weight:800;margin-top:6px}.hzv3-result-head-centered h2{font-size:25px!important;margin:10px 0 5px!important;letter-spacing:-.04em!important}.hzv3-result-head-centered p{font-size:10px!important;line-height:1.4!important;color:var(--r51-muted)!important;margin:0 auto!important;max-width:360px}
.hzv3-package-summary{min-height:68px;border-radius:16px;border:1px solid var(--r51-line-strong);background:linear-gradient(180deg,var(--r51-raw-048),var(--r51-raw-049));padding:10px 11px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:8px}.hzv3-package-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--r51-cyan-strong);border:1px solid var(--r51-line-strong)}.hzv3-package-summary strong{font-size:10.5px;display:block}.hzv3-package-summary small{display:block;font-size:8.7px;line-height:1.35;color:var(--r51-muted);margin-top:3px}
.hzv3-result-modules{display:grid;gap:6px}.hzv3-result-module{border:1px solid var(--r51-line);border-radius:13px;background:var(--r51-raw-041);overflow:hidden}.hzv3-result-module summary{min-height:52px;display:grid;grid-template-columns:31px minmax(0,1fr) 15px;gap:8px;align-items:center;padding:7px 9px;cursor:pointer;list-style:none}.hzv3-result-module summary::-webkit-details-marker{display:none}.hzv3-result-module .hzv3-acc-icon{width:29px;height:29px;border-radius:9px;border:1px solid var(--r51-line-strong);color:var(--r51-cyan-strong);display:grid;place-items:center}.hzv3-result-module .hzv3-acc-title strong{font-size:10.5px}.hzv3-result-module .hzv3-acc-title small{font-size:8px;color:var(--r51-muted);display:block;margin-top:2px}.hzv3-result-module .hzv3-acc-body{padding:0 11px 11px 48px;font-size:9px;line-height:1.5;color:var(--r51-muted)}.hzv3-result-module .hzv3-acc-body ul,.hzv3-result-module .hzv3-acc-body ol{margin:0;padding-left:14px}.hzv3-result-module .hzv3-acc-body li{margin:4px 0}.hzv3-result-module .hzv3-acc-body li span{display:block;margin-top:2px}
.hzv3-result-actions-premium{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:9px!important}.hzv3-result-actions-premium .hzv3-action{min-height:42px!important;border-radius:13px!important;font-size:10px!important}.hzv3-result-actions-premium .tertiary{background:transparent!important;border:0!important;color:var(--r51-cyan-strong)!important;min-height:34px!important}

/* ---------- Bottom navigation ---------- */
.hzv3-tabbar{margin:0!important;padding:0 8px max(var(--hz-safe-bottom),env(safe-area-inset-bottom,0px))!important;background:var(--r51-raw-050)!important;border-top:1px solid var(--r51-line)!important;backdrop-filter:blur(22px)!important}
.hzv3-tab{font-size:9px!important;color:var(--r51-raw-051)!important;gap:3px!important}.hzv3-tab-icon{font-size:20px!important}.hzv3-tab.is-active{color:var(--r51-cyan-strong)!important}.hzv3-tab.is-active:not(.hzv3-tab-create)::before{inset:7px 4px 5px!important;border-radius:15px!important;background:var(--r51-raw-017)!important;border:1px solid var(--r51-raw-052)!important}
.hzv3-create-orb{width:56px!important;height:56px!important;margin-top:-22px!important;border-radius:50%!important;background:linear-gradient(180deg,var(--r51-raw-053),var(--r51-raw-054))!important;color:var(--r51-raw-030)!important;box-shadow:0 0 0 1px var(--r51-raw-055),0 0 28px var(--r51-raw-056)!important;font-size:30px!important}.hzv3-tab-create.is-active .hzv3-create-orb{box-shadow:0 0 0 1px var(--r51-raw-057),0 0 34px var(--r51-raw-058)!important}

/* ---------- Auth: top-down, compact, mockup-like ---------- */
@media(max-width:767px){
  body.hz-auth-page{background:radial-gradient(80% 36% at 50% -4%,var(--r51-raw-017),transparent 68%),var(--r51-bg)!important}
  body.hz-auth-page .grid-bg{opacity:.18!important;background-image:linear-gradient(var(--r51-raw-059) 1px,transparent 1px),linear-gradient(90deg,var(--r51-raw-059) 1px,transparent 1px)!important;background-size:46px 46px!important}
  body.hz-auth-page > .relative.z-10{display:block!important;min-height:var(--hz-visual-height,100dvh)!important}
  body.hz-auth-page > .relative.z-10 > .hz-auth-flow{min-height:var(--hz-visual-height,100dvh)!important;padding:max(15px,env(safe-area-inset-top,0px)) 18px calc(14px + env(safe-area-inset-bottom,0px))!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important}
  body.hz-auth-page .hz-auth-flow>.w-full.max-w-lg{max-width:430px!important;margin:0 auto!important;padding:0!important}
  body.hz-auth-page [data-language-switcher]{top:0!important;right:0!important;transform:scale(.88);transform-origin:top right}
  body.hz-auth-page a.lg\:hidden.flex.items-center{justify-content:center!important;max-width:calc(100% - 95px)!important;margin:38px auto 12px!important;gap:8px!important}
  body.hz-auth-page a.lg\:hidden .w-11{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--r51-raw-060)!important;color:var(--r51-text)!important;border:1px solid var(--r51-line-strong)!important;box-shadow:0 0 24px var(--r51-raw-061)!important}
  body.hz-auth-page a.lg\:hidden .text-2xl{font-size:21px!important;color:var(--r51-text)!important}body.hz-auth-page a.lg\:hidden .text-cyan-400{color:var(--r51-cyan-strong)!important}
  body.hz-auth-page .text-xs.text-cyan-400{display:block;text-align:center!important;font-size:9px!important;letter-spacing:.19em!important;color:var(--r51-cyan-strong)!important}
  body.hz-auth-page h2{text-align:center!important;font-size:30px!important;line-height:1.04!important;margin:8px 0 0!important;letter-spacing:-.045em!important}
  body.hz-auth-page h2+p{text-align:center!important;font-size:11px!important;line-height:1.45!important;margin:7px auto 0!important;max-width:360px!important;color:var(--r51-muted)!important}
  body.hz-auth-page form{margin-top:13px!important;padding:13px!important;border:1px solid var(--r51-line-strong)!important;border-radius:20px!important;background:linear-gradient(180deg,var(--r51-raw-062),var(--r51-raw-063))!important;box-shadow:var(--r51-glow)!important}
  body.hz-auth-page form.space-y-5>:not([hidden])~:not([hidden]){margin-top:9px!important}
  body.hz-auth-page label{font-size:10.5px!important;margin-bottom:5px!important;color:var(--r51-text)!important}
  body.hz-auth-page .input{min-height:48px!important;border-radius:13px!important;background:var(--r51-raw-064)!important;border:1px solid var(--r51-line)!important;padding:9px 12px!important;font-size:13px!important}
  body.hz-auth-page .input:focus{border-color:var(--r51-line-strong)!important;box-shadow:0 0 0 2px var(--r51-raw-017)!important}
  body.hz-auth-page form button[type="submit"]{min-height:49px!important;border-radius:14px!important;background:linear-gradient(180deg,var(--r51-raw-028),var(--r51-raw-029))!important;color:var(--r51-raw-030)!important;font-size:12px!important;margin-top:10px!important;box-shadow:0 12px 28px var(--r51-raw-065)!important}
  body.hz-auth-page form+.h-px{display:none!important}
  body.hz-auth-page form+.h-px+p{margin:10px 0 0!important;font-size:10px!important;color:var(--r51-muted)!important}
  body.hz-page-signup a.lg\:hidden.flex.items-center{margin-top:30px!important;margin-bottom:8px!important}
  body.hz-page-signup h2{font-size:27px!important}
  body.hz-page-signup form{margin-top:10px!important;padding:11px!important}
  body.hz-page-signup label.flex.items-start{font-size:8.4px!important;line-height:1.25!important;gap:7px!important}.hz-page-signup label.flex.items-start .block.text-xs{font-size:7.8px!important;line-height:1.25!important}
  body.hz-page-forgot-password form{padding:12px!important}
  body.hz-settings-recovery .hz-settings-recovery-back{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:0 10px!important;border:1px solid var(--r51-line)!important;border-radius:12px!important;background:var(--r51-raw-020)!important;color:var(--r51-text)!important;font-size:10px!important;margin:0 0 8px!important}
}

/* ---------- Detail pages: premium scroll is intentional ---------- */
@media(max-width:767px){
  body.hz-native-shell{background:var(--r51-bg)!important}
  body.hz-native-shell .hz-context-back,body.hz-page-brand-profiles .hz-context-back,.hz-settings-detail-back{min-height:36px!important;width:max-content!important;padding:0 10px!important;border-radius:12px!important;border:1px solid var(--r51-line)!important;background:var(--r51-raw-020)!important;font-size:10px!important;margin:0 0 8px!important}
  body.hz-page-brand-profiles.hz-native-shell>main.hz-native-content-root{padding:10px 16px calc(84px + env(safe-area-inset-bottom,0px))!important}
  body.hz-page-brand-profiles main>section:first-of-type h1{font-size:29px!important;line-height:1.06!important;margin:10px 0 0!important;letter-spacing:-.04em!important}
  body.hz-page-brand-profiles main>section:first-of-type p{font-size:11px!important;line-height:1.48!important;margin:8px 0 0!important;color:var(--r51-muted)!important}
  body.hz-page-brand-profiles main .badge{font-size:9px!important;padding:6px 9px!important}
  body.hz-page-settings .app,body.hz-page-settings .settings-layout{padding-top:0!important}
}

/* ---------- Workspace mobile editor ---------- */
@media(max-width:820px){
  body.hz-page-workspace{height:var(--hz-vvh,100dvh)!important;overflow:hidden!important;background:var(--r51-bg)!important}
  body.hz-page-workspace .topbar{height:56px!important;padding:0 12px!important;background:var(--r51-raw-066)!important;border-bottom:1px solid var(--r51-line)!important}
  body.hz-page-workspace .brand{font-size:15px!important;gap:7px!important}body.hz-page-workspace .logo{width:30px!important;height:30px!important;border-radius:9px!important;background:var(--r51-raw-017)!important;color:var(--r51-cyan-strong)!important;border:1px solid var(--r51-line-strong)!important}body.hz-page-workspace .brand small{display:none!important}
  body.hz-page-workspace .language-slot,body.hz-page-workspace .top-actions>a:first-of-type{display:none!important}
  body.hz-page-workspace .top-actions .button{min-height:34px!important;padding:0 9px!important;border-radius:10px!important;font-size:9px!important}
  body.hz-page-workspace .mobile-tabs{top:56px!important;padding:5px 9px!important;gap:5px!important;background:var(--r51-raw-067)!important}.mobile-tabs button{min-height:34px!important;font-size:9px!important}
  body.hz-page-workspace .app{min-height:calc(var(--hz-vvh,100dvh) - 56px)!important;background:var(--r51-bg)!important}
  body.hz-page-workspace .editor.mobile-active{min-height:calc(var(--hz-vvh,100dvh) - 100px)!important}
  body.hz-page-workspace .editor-head{min-height:58px!important;padding:8px 12px!important}.title-input{font-size:16px!important;padding:5px!important}.save-state{font-size:8px!important}
  body.hz-page-workspace .editor-actions{padding:7px 10px!important;gap:5px!important;background:var(--r51-raw-068)!important}.project-select{min-height:34px!important;max-width:120px!important;font-size:9px!important;padding:5px 7px!important}.editor-actions .button{min-height:34px!important;padding:0 8px!important;font-size:9px!important}.editor-actions #downloadMarkdownButton,.editor-actions #downloadTextButton,.editor-actions #deleteButton{display:none!important}.editor-actions .stats{font-size:8px!important;margin:0!important;width:auto!important;margin-left:auto!important}
  body.hz-page-workspace .editor-area{min-height:0!important;flex:1!important;height:auto!important;padding:16px 14px 28px!important;font:13px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:linear-gradient(180deg,var(--r51-raw-069),var(--r51-raw-070))!important;border-top:1px solid var(--r51-line)!important}
  body.hz-page-workspace .welcome{min-height:calc(var(--hz-vvh,100dvh) - 112px)!important;padding:16px!important}.welcome-card{padding:22px 16px!important;border-radius:20px!important}
}

/* ---------- Small-height phones: compact, never vertically centered ---------- */
@media(max-width:767px) and (max-height:760px){
  .hzv3-app{--hz-header-h:58px;--hz-tab-h:68px}
  .hzv3-main{padding-top:10px!important}
  .hzv3-section-title h2,.hzv3-hero h2{font-size:24px!important}.hzv3-section-title p,.hzv3-hero p{font-size:10px!important}
  .hzv3-home-command .hzv3-textarea{min-height:84px!important}.hzv3-featured-card{min-height:100px!important;padding-top:9px!important}.hzv3-memory-strip{min-height:58px!important}
  .hzv3-page-solutions .hzv3-solution{min-height:58px!important;padding:7px 9px!important}.hzv3-page-solutions .hzv3-list{gap:6px!important}
  .hzv3-command-panel>textarea{min-height:130px!important}
  body.hz-auth-page a.lg\:hidden.flex.items-center{margin-top:26px!important;margin-bottom:8px!important}body.hz-auth-page h2{font-size:26px!important}body.hz-auth-page form{margin-top:9px!important;padding:10px!important}
}

@media(max-width:360px){
  :root{--r51-gutter:12px}
  .hzv3-brand-name{font-size:18px}.hzv3-lang{width:78px!important}.hzv3-featured-grid{gap:5px}.hzv3-featured-card{padding-left:7px;padding-right:7px}.hzv3-history-controls{grid-template-columns:minmax(0,1fr) 104px}.hzv3-status-pill{display:none}
}

/* ============================================================
   R5.1.1 — Micro Polish Lock
   1) root views never perform 1–3px body/main "micro scroll"
   2) Solutions keeps its own list rail when eight workflows exceed height
   3) Profile detail is a real Settings route
   4) History resume mode is explicit instead of silently prefilling Create
============================================================ */
@media (max-width:767px){
  /* Home and Settings are one-screen root surfaces. Their content was already
     designed to fit; suppressing the scroll owner removes the Android/EN
     1–3px elastic movement without changing the shell geometry. */
  .hzv3-main[data-route="home"],
  .hzv3-main[data-route="settings"]{
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
    scroll-behavior:auto!important;
  }
  .hzv3-main[data-route="home"] .hzv3-page-home,
  .hzv3-main[data-route="settings"] .hzv3-page-settings{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  /* Solutions itself remains fixed. Only the workflow rail scrolls if the
     phone is too short for all eight cards. */
  .hzv3-main[data-route="solutions"]{
    overflow-y:hidden!important;
    overscroll-behavior:none!important;
    scroll-behavior:auto!important;
  }
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions{
    height:100%!important;
    max-height:100%!important;
    min-height:0!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;
  }
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding-bottom:30px!important;
  }
  .hzv3-main[data-route="solutions"] .hzv3-page-solutions .hzv3-list::-webkit-scrollbar{display:none!important}

  /* The compact root screens get a second safety squeeze on short Xiaomi/
     Android viewports so EN copy cannot create a hidden overflow tail. */
  @media (max-height:760px){
    .hzv3-main[data-route="home"]{padding-top:8px!important;padding-bottom:6px!important}
    .hzv3-main[data-route="home"] .hzv3-hero{margin-bottom:7px!important}
    .hzv3-main[data-route="home"] .hzv3-home-command .hzv3-textarea{min-height:76px!important}
    .hzv3-main[data-route="home"] .hzv3-see-solutions{margin:6px 0!important;min-height:39px!important}
    .hzv3-main[data-route="home"] .hzv3-memory-strip{min-height:54px!important;padding-top:7px!important;padding-bottom:7px!important}
    .hzv3-main[data-route="home"] .hzv3-featured-head{margin-top:8px!important;margin-bottom:5px!important}
    .hzv3-main[data-route="home"] .hzv3-featured-card{min-height:92px!important}

    .hzv3-main[data-route="settings"]{padding-top:9px!important;padding-bottom:5px!important}
    .hzv3-main[data-route="settings"] .hzv3-settings-title{margin-bottom:8px!important}
    .hzv3-main[data-route="settings"] .hzv3-settings-grid{margin-bottom:7px!important}
    .hzv3-main[data-route="settings"] .hzv3-settings-tile{min-height:66px!important}
    .hzv3-main[data-route="settings"] .hzv3-account-head{padding-top:8px!important;padding-bottom:8px!important}
    .hzv3-main[data-route="settings"] .hzv3-account-row{min-height:34px!important}
    .hzv3-main[data-route="settings"] .hzv3-plan-summary{padding-top:9px!important;padding-bottom:9px!important}
    .hzv3-main[data-route="settings"] .hzv3-signout-wide{min-height:36px!important;margin-top:6px!important}
  }
}

/* Real personal profile detail route. */
.hzv3-profile-detail{
  padding:14px!important;
  display:grid;
  gap:12px;
  border-radius:19px!important;
}
.hzv3-profile-field{display:grid;gap:6px;color:var(--r51-text)}
.hzv3-profile-field>span{font-size:10px;font-weight:850;color:var(--r51-muted)}
.hzv3-profile-field input{
  width:100%;
  min-height:48px;
  border:1px solid var(--r51-line)!important;
  border-radius:14px;
  background:var(--r51-raw-041);
  color:var(--r51-text);
  padding:0 13px;
  outline:none;
}
.hzv3-profile-field input:focus{border-color:var(--r51-line-strong)!important;box-shadow:0 0 0 3px var(--r51-raw-019)}
.hzv3-profile-field input[readonly]{color:var(--r51-muted);opacity:.86}

/* History -> Create continuity cue. */
.hzv3-resume-banner{
  width:100%;
  margin:0 0 9px;
  padding:10px;
  border:1px solid var(--r51-line-strong);
  border-radius:16px;
  background:linear-gradient(180deg,var(--r51-raw-048),var(--r51-raw-041));
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:9px;
  align-items:start;
  box-shadow:var(--r51-glow);
}
.hzv3-resume-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--r51-line-strong);color:var(--r51-cyan-strong);font-size:18px}
.hzv3-resume-copy{min-width:0}
.hzv3-resume-copy>strong{display:block;margin-top:3px;font-size:11px;color:var(--r51-text)}
.hzv3-resume-copy>small{display:block;margin-top:3px;font-size:8.7px;line-height:1.35;color:var(--r51-muted)}
.hzv3-resume-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:8.5px;color:var(--r51-cyan-strong)}
.hzv3-resume-meta>span:first-child{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hzv3-resume-pill{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border:1px solid var(--r51-line);border-radius:999px;background:var(--r51-raw-019)}
.hzv3-resume-banner>button{align-self:start;min-height:30px;padding:0 8px;border:1px solid var(--r51-line);border-radius:10px;background:transparent;color:var(--r51-muted);font-size:8px;font-weight:800;white-space:nowrap}
@media(max-width:380px){.hzv3-resume-banner{grid-template-columns:32px minmax(0,1fr)}.hzv3-resume-banner>button{grid-column:2;justify-self:start}.hzv3-resume-meta>span:first-child{max-width:150px}}