/* v6.4 스마트폰 전용: PC에서 열어도 휴대폰 폭으로 안전하게 표시 */
html{background:#020812}
body{width:100%;max-width:480px;min-height:100vh;margin:0 auto;overflow-x:hidden;box-shadow:0 0 60px #000}
header{display:grid!important;position:relative!important;height:auto!important;min-height:0!important;padding:7px 8px 7px!important;gap:5px!important}
.brand{margin:0!important;padding:0!important;min-height:0!important;justify-self:start!important;border:0!important;background:transparent!important;border-radius:0!important}.brand i{display:none!important}.brand b{font-size:12px!important;line-height:1!important;letter-spacing:2px!important}.brand span{display:none!important}
.headerRight{display:grid!important;gap:4px!important;min-width:0!important;padding:0!important}
.authBar{display:flex!important;position:absolute!important;top:4px!important;right:8px!important;justify-content:flex-end!important;gap:5px!important;margin:0!important;order:1}
.authBar button{padding:5px 8px!important;font-size:10px!important}.authBar span{font-size:10px!important}
.portalHeroRow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}
.portalHeroRow h1{white-space:nowrap!important}
.portalNav{display:grid!important;grid-template-columns:repeat(3,auto)!important;gap:2px!important;background:#071725!important;border:1px solid #284459!important;border-radius:12px!important;padding:2px!important}
.portalNav button{min-width:0!important;padding:6px 7px!important;font-size:9px!important;border-radius:9px!important}
.portalNav button.active{background:#174c43!important;color:#35d8aa!important}
main{max-width:none!important;padding:10px 10px 24px!important}
.portalHome.active{min-height:calc(100dvh - 55px)!important;display:flex!important;flex-direction:column!important}
.portalHero{padding:10px 4px 13px!important}.portalHero .eyebrow{font-size:11px!important;margin:0!important}.portalHero h1{font-size:25px!important;line-height:1.12!important;margin:5px 0 6px!important}.portalHero p:last-child{font-size:11px!important;line-height:1.3!important}
.portalGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.portalTile{min-height:108px!important;padding:10px 5px!important;gap:5px!important;border-radius:16px!important}.portalTile .tileIcon{width:46px!important;height:46px!important;font-size:23px!important}.portalTile strong{font-size:13px!important}.portalTile small{display:none!important}
.homeAd{min-height:82px;margin-top:12px;padding:12px 14px;background:#0b1c2c;border:1px solid #29465c;border-radius:16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;color:#fff}.homeAd>span{align-self:start;background:#29465c;color:#c8d9e6;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.homeAd b{display:block;font-size:13px;margin-bottom:5px}.homeAd small{display:block;color:#8fa9bc;font-size:10px;line-height:1.35}
.portalFlow{margin-top:8px!important;padding:7px 5px!important;font-size:9px!important;gap:4px!important}.portalFlow b{font-size:10px!important}.portalFlow i{font-size:13px!important}
#capture.active{display:block!important}.hero h1{font-size:34px!important}.card{padding:16px!important}
.typeFinderLayout,.billingPage{grid-template-columns:1fr!important}
.categoryMenu:not([hidden]){width:94vw!important;max-width:440px!important;height:min(620px,82vh)!important;inset:8vh auto auto 50%!important;transform:translateX(-50%)!important}
.authDialog [hidden]{display:none!important}

/* TOVENIQ 상단 로고: 아이콘은 왼쪽, 글자는 가운데에 고정 */
header .brandHome{position:relative!important;width:100%!important;min-width:0!important;height:44px!important;margin:0!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-self:stretch!important;z-index:6!important}
header .brandHome>div{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;overflow:visible!important;pointer-events:none!important}
header .brandHome b{display:block!important;position:static!important;color:#fff!important;opacity:1!important;white-space:nowrap!important;animation:none!important;transform:none!important;letter-spacing:4px!important}

/* 로그인 버튼은 움직이는 브랜드보다 항상 위에서 눌리도록 유지 */
header .authBar{z-index:30!important;pointer-events:auto!important}
header .authBar button{position:relative!important;z-index:31!important;pointer-events:auto!important}
.authDialog #authHelp.authError{display:block!important;margin:8px 0 14px!important;padding:10px 12px!important;border:1px solid #ff7c73!important;border-radius:10px!important;background:#3a1e27!important;color:#ffd3cf!important;font-weight:800!important}
.authDialog #authHelp.authProgress{color:#5de5bc!important;font-weight:800!important}

/* Prevent horizontal drift from long mobile review values */
html,body,main,#capture{max-width:100%;overflow-x:hidden}
header .brandHome>div{width:150px!important;max-width:42vw!important;text-align:center!important}
header .brandHome b{overflow:visible!important;text-align:center!important}
