/* V006: ecrã completo, respeitando as zonas seguras do iOS/Android */
html{width:100%;min-height:100%;min-height:100dvh}body{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}body.activation-screen{margin:0;background:#fff}body.activation-screen .activate{width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:0;display:flex;flex-direction:column}body.activation-screen .activate header{position:relative;width:100%;border-radius:0;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:116px}body.activation-screen .activate header h1{font-size:clamp(21px,5vw,28px);line-height:1.15;flex:1 1 180px}body.activation-screen .activate header p{margin:0;flex:0 1 auto}body.activation-screen .activate .card{flex:1;width:100%;border-radius:0;margin:0;box-shadow:none;padding:24px max(18px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));border-left:0;border-top:3px solid #e3b84c}body.activation-screen .activate .card>h2{margin-top:5px}body.activation-screen .activate label{line-height:1.45}body.activation-screen .activate label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px}body.activation-screen .activate label input[type=checkbox]{flex:0 0 auto;margin:4px 0;width:20px!important;height:20px}body.activation-screen .activate input,body.activation-screen .activate select{min-width:0}body.activation-screen .activate .primary{background:#17654b;color:#fff}header.top{position:sticky;top:0;z-index:30;width:100%;min-height:0;padding:calc(12px + env(safe-area-inset-top,0px)) 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}header.top h1{margin:0;font-size:clamp(17px,4vw,23px)}header.top .brand{min-width:0}header.top .brand strong{font-size:clamp(13px,3.6vw,18px)}header.top .brand small{font-size:12px}main.appmain{width:100%;max-width:none;min-height:calc(100dvh - 190px);padding:18px 16px calc(105px + env(safe-area-inset-bottom,0px))}nav.bottomnav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:40;padding:10px max(4px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))}nav.bottomnav a{min-width:0}nav.bottomnav small{font-size:clamp(10px,2.5vw,12px)}@media(min-width:900px){main.appmain{padding-left:max(24px,calc((100vw - 1100px)/2));padding-right:max(24px,calc((100vw - 1100px)/2))}}@media(max-width:400px){header.top .brand img{width:36px;height:36px}header.top .brand{gap:7px}header.top h1{font-size:16px}}