/* Sistema Zhilia fechado em 05/10/2026. Escopo: área logada. */
@font-face{font-family:ZhiliaManrope;src:url('brand/fonts/Manrope-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ZhiliaManrope;src:url('brand/fonts/Manrope-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
@font-face{font-family:ZhiliaInter;src:url('brand/fonts/Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ZhiliaInter;src:url('brand/fonts/Inter-Semibold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--night:#18162B;--iris:#6D5DFB;--mint:#52D6C5;--coral:#FF7381;--paper:#F8F6F1;--white:#FFFFFF;--cloud:#EAE7F2;--muted:#59556D;--border:#D7D2E6;--coral-soft:#FFF1F2;--iris-soft:#F0EEFF;--mint-soft:#E4F8F4;--iris-dark:#18162B;--shadow:0 4px 16px #18162b06}
body.zhilia-learning-standalone{background:var(--paper);font-family:ZhiliaInter,Inter,sans-serif;color:var(--night)}
#app{font-family:ZhiliaInter,Inter,sans-serif;background:var(--paper);color:var(--night)}
#app h1,#app h2,#app h3,#app button,#app .nav-link,#app .plan-indicator,#app .plan-card strong,#app .journey-plan,#app .zh-node-number{font-family:ZhiliaManrope,Manrope,sans-serif}
#app h1{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.035em}#app .home-heading h2{font-size:28px;line-height:1.25}#app h2{line-height:1.3}#app p{line-height:1.5}#app .page-heading p,#app .journey-heading p,#app .welcome-copy p{font-size:16px;color:var(--muted)}
#app .topbar,#app .sidebar{background:var(--white);border-color:var(--border)}#app .nav-link{font-size:14px;min-height:48px;border-radius:12px;color:var(--night)}#app .nav-link.is-active{background:var(--iris-soft);color:var(--iris)}
#app .zh-icon{width:20px;height:20px;display:block;flex:none}#app .nav-link>.zh-icon{width:24px;height:24px}#app .companion-icon .zh-icon{width:24px;height:24px}
#app .plan-indicator,#app .journey-plan{padding:10px 14px!important;border-radius:12px!important;min-height:44px;box-shadow:none!important;line-height:1.3}
#app .plan-indicator.free,#app .journey-plan.free,#app .access-chip.free{background:var(--coral-soft)!important;border:1px solid var(--coral)!important;color:var(--night)!important}
#app .plan-indicator.paid,#app .journey-plan.paid,#app .access-chip.paid{background:var(--iris-soft)!important;border:1px solid var(--iris)!important;color:var(--night)!important}
#app .plan-indicator>small{font-size:10px!important;color:var(--muted)!important}#app .plan-indicator>strong{font-size:14px!important;color:var(--night)!important}
#app .plan-card{padding:16px!important;background:transparent!important;border:0!important;border-radius:16px;box-shadow:none!important}
#app .plan-card>small{font-size:12px!important;color:var(--muted)!important;line-height:1.4}#app .plan-card>span{font-size:14px!important;color:var(--muted)!important;margin-top:12px}
#app .zh-plan-heading{display:flex;align-items:center;gap:12px;padding:16px;margin-top:12px;border:1px solid var(--iris);border-radius:16px;background:var(--iris-soft)}
#app .plan-card.free .zh-plan-heading{background:var(--coral-soft);border-color:var(--coral)}#app .zh-plan-heading img{width:32px;height:32px;flex:none}
#app .zh-plan-heading strong{font-size:16px!important;color:var(--night)!important;line-height:1.25;margin:0!important}
#app .primary,#app .secondary,#app .mission-card>.mission-start-button,#app .plan-card>button{min-height:48px!important;padding:12px 20px!important;border-radius:12px!important;font-family:ZhiliaManrope,sans-serif!important;font-size:16px!important;line-height:20px!important;letter-spacing:0!important;white-space:normal!important;text-align:center;overflow-wrap:normal!important;box-shadow:none!important;width:auto;max-width:100%;font-weight:700!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
#app .primary,#app .primary.coral-action,#app .mission-start-button{background:var(--iris)!important;color:var(--white)!important;border:1px solid var(--iris)!important}
#app .secondary,#app .plan-card>button{background:var(--white)!important;color:var(--night)!important;border:1px solid var(--night)!important}
#app .zh-success-action{background:var(--mint-soft)!important;color:var(--night)!important;border-color:var(--mint)!important}
#app .danger-outline{color:#A92338!important;border-color:#A92338!important;background:var(--white)!important}
#app .primary:hover:not(:disabled),#app .secondary:hover:not(:disabled),#app .mission-start-button:hover{background:var(--night)!important;color:var(--white)!important;border-color:var(--night)!important}
#app button:disabled{background:var(--cloud)!important;color:var(--muted)!important;cursor:default;opacity:1!important}
#app :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--night)!important;outline-offset:2px;box-shadow:0 0 0 2px var(--white)}
#app .welcome-copy,#app .mission-card,#app .editorial-card,#app .account-card,#app .resource-card,#app .learning-progress-card,#app .community-composer,#app .empty-state{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:none}
#app .welcome-copy{padding:32px}#app .welcome-copy h1{font-size:32px}#app .welcome-copy .primary{align-self:flex-start}#app .welcome-video-card{background:var(--night);border-radius:20px}#app .welcome-video-card video{object-fit:contain}
#app .zh-route{display:block;width:100%;max-width:320px;height:48px;margin-top:24px;overflow:visible;flex:none}#app .zh-route path{stroke:var(--iris);stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round}#app .zh-route circle{fill:var(--mint)}
#app .journey-heading{flex-wrap:wrap}#app .journey-heading .zh-route{flex-basis:100%;max-width:420px}
#app .drill-level,#app .drill-track,#app .drill-lesson{border:1px solid var(--border)!important;border-radius:16px;box-shadow:none!important;background:var(--white)}
#app .drill-level>summary,#app .drill-track>summary,#app .drill-lesson>summary{min-height:72px;gap:16px}#app .drill-summary-copy>strong{font-size:18px;line-height:1.4}#app .drill-summary-copy>small{font-size:12px!important;line-height:1.5}#app .drill-level-content{background:var(--paper)}
#app .drill-level>summary>.journey-node,#app .track-node,#app .activity-node{position:relative;display:flex!important;align-items:center;justify-content:center;width:72px;height:72px;flex:none;border:1px solid var(--border)!important;background:var(--white)!important;box-shadow:none!important;border-radius:18px!important;color:var(--night)!important;line-height:1}
#app .drill-level>summary>.journey-node{border-radius:50%!important}#app .track-node{width:64px;height:64px;border-radius:16px!important}#app .activity-node{width:44px;height:44px;border-radius:11px!important}
#app .zh-node-number{position:relative;z-index:1;display:block;font-size:24px;line-height:1;font-weight:700;color:var(--night)}#app .track-node .zh-node-number{font-size:18px}#app .activity-node .zh-node-number{font-size:14px}
#app .zh-has-mark{align-items:flex-start!important;justify-content:flex-start!important}#app .zh-has-mark>.zh-node-number{position:absolute;top:12px;left:12px}#app .activity-node.zh-has-mark>.zh-node-number{top:5px;left:6px}
#app .journey-node.is-started,#app .track-node.is-started{background:var(--iris-soft)!important}#app .is-started>.zh-node-number{color:var(--iris)}#app .journey-node.is-complete,#app .track-node.is-complete,#app .activity-node.is-complete{background:var(--mint-soft)!important}#app .journey-node.is-locked,#app .track-node.is-locked,#app .activity-node.is-locked{background:var(--cloud)!important}
#app .node-mark{position:absolute!important;bottom:6px!important;right:6px!important;width:20px!important;height:20px!important;border-radius:6px!important;border:0!important;background:var(--mint)!important;display:grid!important;place-items:center!important}
#app .node-mark.lock{background:var(--border)!important}#app .node-mark>.zh-icon{width:14px;height:14px}#app .activity-node .node-mark{bottom:4px!important;right:4px!important;width:16px!important;height:16px!important;border-radius:5px!important}#app .activity-node .node-mark>.zh-icon{width:12px;height:12px}
#app .zh-node-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#app .zh-node-arc circle{fill:none;stroke-width:3;stroke-linecap:round}#app .zh-node-arc .zh-arc-track{stroke:var(--border)}#app .zh-node-arc .zh-arc-value{stroke:var(--iris)}#app .zh-node-arc .zh-arc-point{fill:var(--mint);stroke:var(--night);stroke-width:.6}
#app .access-chip{font-size:12px!important;line-height:1.4;border-radius:8px;padding:5px 10px;font-family:ZhiliaManrope,sans-serif}#app .trail-status{font-size:12px}#app .trail-status.is-complete{background:var(--mint-soft)}#app .trail-status.is-started{background:var(--iris-soft);color:var(--iris)}
#app .trail-progress,#app .progress-bar,#app .learning-progress-bar,#app .quiz-progress{height:8px;border-radius:4px;background:var(--border);overflow:visible!important;position:relative}
#app .trail-progress>i,#app .progress-bar>span,#app .learning-progress-bar>span,#app .quiz-progress>span{height:100%;display:block;border-radius:4px;background:var(--iris)!important;position:relative;transition:width .2s ease}
#app .zh-has-progress>i:after,#app .zh-has-progress>span:after{content:"";position:absolute;right:-5px;top:-1px;width:10px;height:10px;border-radius:50%;border:1px solid var(--night);background:var(--mint)}
#app .home-companions>button{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:none;min-height:100px}#app .companion-icon{background:var(--iris-soft);border-radius:12px!important;width:48px;height:48px}#app .navigation-label{min-height:44px;border:1px solid var(--night);border-radius:12px;color:var(--night)!important;padding:10px 16px;font-size:14px;font-weight:700}
#app .resource-card footer button{min-height:44px;font-size:14px;padding:10px 16px;border-radius:12px;border:1px solid var(--night);color:var(--night);background:var(--white)}
#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea{font-family:ZhiliaInter,sans-serif;font-size:16px;min-height:48px;border:1px solid var(--night);border-radius:12px;background:var(--white);color:var(--night);padding:12px 16px}#app label{font-size:14px}
#app .plan-management .current.zh-plan-free{background:var(--coral-soft);border:1px solid var(--coral);color:var(--night)}#app .plan-management .current.zh-plan-total,#app .plan-management .upgrade{background:var(--iris-soft);border:1px solid var(--iris);color:var(--night)}#app .plan-management article :is(h2,p,strong,li){color:var(--night)}
#app .mobile-menu-toggle,#app .mobile-menu-close,#app .chip,#app .expand-mark{min-height:44px;min-width:44px}#app .mobile-menu-toggle{font-family:ZhiliaManrope,sans-serif;font-size:14px}#app .expand-mark{align-self:center}#app .chip{border-radius:12px;font-size:14px;padding:10px 14px}#app .chip.active{background:var(--iris);color:var(--white)}
@media(max-width:680px){#app .main{padding:24px 16px 80px}#app .welcome-copy{padding:24px}#app .welcome-copy h1{font-size:28px}#app .home-heading h2{font-size:24px}#app .topbar{gap:8px}#app .plan-indicator{padding:8px 10px!important}#app .plan-indicator>strong{font-size:12px!important}#app .plan-indicator>small{display:none}#app .profile-button{margin-left:0}#app .logo{width:100px}#app .top-actions{gap:8px}#app .welcome-copy .primary,#app .mission-card>.mission-start-button{width:100%!important}#app .drill-summary-copy>strong{font-size:16px}#app .drill-level>summary>.journey-node{width:56px;height:56px}#app .track-node{width:52px;height:52px}#app .zh-node-number{font-size:20px}#app .track-node .zh-node-number{font-size:15px}#app .zh-has-mark>.zh-node-number{top:8px;left:8px}#app .node-mark{width:18px!important;height:18px!important;right:5px!important;bottom:5px!important}#app .drill-level>summary,#app .drill-track>summary,#app .drill-lesson>summary{gap:12px;padding:16px 12px}#app .drill-level-content{padding:16px 8px}#app .drill-lessons{padding:12px 4px}#app .access-chip{font-size:11px!important;padding:4px 8px}#app .home-companions>button{padding:16px;gap:12px}#app .navigation-label{padding:10px 12px}#app .expand-mark{min-width:24px;width:24px}#app .mission-card{padding:24px}#app .plan-card{display:block!important}#app .sidebar:not(.menu-open) .plan-card{display:none!important}}
@media(prefers-reduced-motion:reduce){#app *,#app *:before,#app *:after{animation:none!important;transition:none!important}}

#app .primary.zh-continue-action{background:var(--night)!important;border-color:var(--night)!important;color:var(--white)!important}
#app .resource-card footer{flex-wrap:wrap;gap:16px}
@media(max-width:680px){#app .topbar{display:grid;grid-template-columns:44px 32px minmax(0,1fr);gap:8px;padding:0 16px}#app .mobile-menu-toggle{width:44px;padding:8px}#app .mobile-menu-toggle>span{display:none}#app .brand{width:32px;min-width:0;margin:0}#app .brand picture{display:block}#app .brand .logo{display:block;width:32px;height:32px}#app .top-actions{min-width:0;justify-content:flex-end}#app .plan-indicator>strong{white-space:nowrap}#app .activity-node.zh-has-mark>.zh-node-number{top:5px;left:6px}}