:root{--simbolo:url(/simbolo/simbolo-128.png);--simbolo-g:url(/simbolo/simbolo-256.png);--silhueta:url(/simbolo/simbolo-silhueta.png)}
.tela[data-tema=claro]{--cor-igu:#0E7490}.tela[data-tema=escuro]{--cor-igu:#22D3EE}
.tela[data-estilo=vidro][data-tema=claro][data-cor=marinho]{--conta:#2F55B0;--trilho:#0B1F4B;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#0B1F4B;--borda-agora:#2F55B0;--bg1:#F1F5FD;--bg2:#F1F1FC;--cartao:#FFFFFF;--borda:#E2E7F4;--trilha:#D3DCED;--vidro:rgba(241,245,253,0.82);--halo:rgba(47,85,176,0.26);--mancha:rgba(47,85,176,0.1);--conta-suave:#EAEEF7}
.tela[data-estilo=vidro][data-tema=claro][data-cor=vinho]{--conta:#A3333D;--trilho:#5A0F16;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#5A0F16;--borda-agora:#A3333D;--bg1:#F7F4F7;--bg2:#F5F1F8;--cartao:#FFFFFF;--borda:#F2E2E4;--trilha:#E1D8DF;--vidro:rgba(247,244,247,0.82);--halo:rgba(163,51,61,0.26);--mancha:rgba(163,51,61,0.1);--conta-suave:#F6EBEC}
.tela[data-estilo=vidro][data-tema=claro][data-cor=verde]{--conta:#22A055;--trilho:#15803D;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#14532D;--borda-agora:#22A055;--bg1:#EFF6F6;--bg2:#F0F2F8;--cartao:#FFFFFF;--borda:#E0F2E7;--trilha:#D1E5E2;--vidro:rgba(239,246,246,0.82);--halo:rgba(34,160,85,0.26);--mancha:rgba(34,160,85,0.1);--conta-suave:#E9F6EE}
.tela[data-estilo=vidro][data-tema=claro][data-cor=amarelo]{--conta:#EAB308;--trilho:#FACC15;--trilho-t:#1F1A05;--tr-ativo:#1F1A05;--tr-ativo-t:#FACC15;--btn-contorno:#1F1A05;--texto:#16213A;--texto2:#55627A;--tit:#3D3200;--borda-agora:#8A6A00;--bg1:#F7F7F1;--bg2:#F5F3F5;--cartao:#FFFFFF;--borda:#FCF4DC;--trilha:#E9E7D9;--vidro:rgba(247,247,241,0.82);--halo:rgba(234,179,8,0.26);--mancha:rgba(234,179,8,0.1);--conta-suave:#FDF7E6}
.tela[data-estilo=vidro][data-tema=claro][data-cor=roxo]{--conta:#8B5CF6;--trilho:#5B21B6;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#3B0F87;--borda-agora:#8B5CF6;--bg1:#F3F3FD;--bg2:#F2F0FC;--cartao:#FFFFFF;--borda:#EFE8FE;--trilha:#DEDCF5;--vidro:rgba(243,243,253,0.82);--halo:rgba(139,92,246,0.26);--mancha:rgba(139,92,246,0.1);--conta-suave:#F3EFFE}
.tela[data-estilo=vidro][data-tema=claro][data-cor=laranja]{--conta:#EA6A1A;--trilho:#C2410C;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#7C2D12;--borda-agora:#EA6A1A;--bg1:#F7F4F4;--bg2:#F5F1F6;--cartao:#FFFFFF;--borda:#FCEADF;--trilha:#E9DEDB;--vidro:rgba(247,244,244,0.82);--halo:rgba(234,106,26,0.26);--mancha:rgba(234,106,26,0.1);--conta-suave:#FDF0E8}
.tela[data-estilo=vidro][data-tema=claro][data-cor=petroleo]{--conta:#1F7A80;--trilho:#0B3B40;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#0B3B40;--borda-agora:#1F7A80;--bg1:#F0F5F9;--bg2:#F0F1F9;--cartao:#FFFFFF;--borda:#E0ECED;--trilha:#D1E0E7;--vidro:rgba(240,245,249,0.82);--halo:rgba(31,122,128,0.26);--mancha:rgba(31,122,128,0.1);--conta-suave:#E9F2F2}
.tela[data-estilo=vidro][data-tema=claro][data-cor=grafite]{--conta:#5B6577;--trilho:#1E2430;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#1E2430;--borda-agora:#5B6577;--bg1:#F2F4F9;--bg2:#F2F1F9;--cartao:#FFFFFF;--borda:#E8E9EC;--trilha:#D8DEE6;--vidro:rgba(242,244,249,0.82);--halo:rgba(91,101,119,0.26);--mancha:rgba(91,101,119,0.1);--conta-suave:#EFF0F1}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=marinho]{--conta:#7C9BE6;--trilho:#0B1F4B;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#7C9BE6;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#405485;--trilha:#2D3A5B;--vidro:rgba(6,11,26,0.84);--halo:rgba(124,155,230,0.32);--mancha:rgba(124,155,230,0.16);--conta-suave:#233156}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=vinho]{--conta:#F08A92;--trilho:#5A0F16;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#F08A92;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#744C5F;--trilha:#40384D;--vidro:rgba(6,11,26,0.84);--halo:rgba(240,138,146,0.32);--mancha:rgba(240,138,146,0.16);--conta-suave:#382E47}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=verde]{--conta:#5EE08F;--trilho:#15803D;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#5EE08F;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#33735E;--trilha:#28454D;--vidro:rgba(6,11,26,0.84);--halo:rgba(94,224,143,0.32);--mancha:rgba(94,224,143,0.16);--conta-suave:#1D3E46}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=amarelo]{--conta:#FDE047;--trilho:#FACC15;--trilho-t:#1F1A05;--tr-ativo:#1F1A05;--tr-ativo-t:#FACC15;--btn-contorno:#1F1A05;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#FDE047;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#7A733E;--trilha:#424541;--vidro:rgba(6,11,26,0.84);--halo:rgba(253,224,71,0.32);--mancha:rgba(253,224,71,0.16);--conta-suave:#3A3E39}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=roxo]{--conta:#B9A2FB;--trilho:#5B21B6;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#B9A2FB;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#5C578F;--trilha:#373C5E;--vidro:rgba(6,11,26,0.84);--halo:rgba(185,162,251,0.32);--mancha:rgba(185,162,251,0.16);--conta-suave:#2E3259}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=laranja]{--conta:#FDA766;--trilho:#C2410C;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#FDA766;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#7A594C;--trilha:#423C46;--vidro:rgba(6,11,26,0.84);--halo:rgba(253,167,102,0.32);--mancha:rgba(253,167,102,0.16);--conta-suave:#3A333F}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=petroleo]{--conta:#5FC4C9;--trilho:#0B3B40;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#5FC4C9;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#336778;--trilha:#284156;--vidro:rgba(6,11,26,0.84);--halo:rgba(95,196,201,0.32);--mancha:rgba(95,196,201,0.16);--conta-suave:#1D3950}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=grafite]{--conta:#A9B3C6;--trilho:#1E2430;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#A9B3C6;--bg1:#060B1A;--bg2:#0A1430;--cartao:#0F1A36;--borda:#545F77;--trilha:#343E55;--vidro:rgba(6,11,26,0.84);--halo:rgba(169,179,198,0.32);--mancha:rgba(169,179,198,0.16);--conta-suave:#2B3650}
.tela[data-estilo=relevo][data-tema=claro][data-cor=marinho]{--conta:#2F55B0;--trilho:#0B1F4B;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#0B1F4B;--borda-agora:#2F55B0;--bg1:#EBF0F7;--bg2:#EBF0F7;--cartao:#FBFCFD;--borda:#FFFFFF;--trilha:#D3DCED;--vidro:rgba(235,240,247,0.82);--halo:rgba(47,85,176,0.26);--mancha:rgba(47,85,176,0.1);--conta-suave:#E7EBF5}
.tela[data-estilo=relevo][data-tema=claro][data-cor=vinho]{--conta:#A3333D;--trilho:#5A0F16;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#5A0F16;--borda-agora:#A3333D;--bg1:#F0EFF3;--bg2:#F0EFF3;--cartao:#FCFCFD;--borda:#FFFFFF;--trilha:#E1D8DF;--vidro:rgba(240,239,243,0.82);--halo:rgba(163,51,61,0.26);--mancha:rgba(163,51,61,0.1);--conta-suave:#F3E8EA}
.tela[data-estilo=relevo][data-tema=claro][data-cor=verde]{--conta:#22A055;--trilho:#15803D;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#14532D;--borda-agora:#22A055;--bg1:#E9F1F2;--bg2:#E9F1F2;--cartao:#FBFCFC;--borda:#FFFFFF;--trilha:#D1E5E2;--vidro:rgba(233,241,242,0.82);--halo:rgba(34,160,85,0.26);--mancha:rgba(34,160,85,0.1);--conta-suave:#E5F3EB}
.tela[data-estilo=relevo][data-tema=claro][data-cor=amarelo]{--conta:#EAB308;--trilho:#FACC15;--trilho-t:#1F1A05;--tr-ativo:#1F1A05;--tr-ativo-t:#FACC15;--btn-contorno:#1F1A05;--texto:#16213A;--texto2:#55627A;--tit:#3D3200;--borda-agora:#8A6A00;--bg1:#F0F1EE;--bg2:#F0F1EE;--cartao:#FCFCFC;--borda:#FFFFFF;--trilha:#E9E7D9;--vidro:rgba(240,241,238,0.82);--halo:rgba(234,179,8,0.26);--mancha:rgba(234,179,8,0.1);--conta-suave:#FAF5E4}
.tela[data-estilo=relevo][data-tema=claro][data-cor=roxo]{--conta:#8B5CF6;--trilho:#5B21B6;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#3B0F87;--borda-agora:#8B5CF6;--bg1:#EDEEF7;--bg2:#EDEEF7;--cartao:#FBFCFD;--borda:#FFFFFF;--trilha:#DEDCF5;--vidro:rgba(237,238,247,0.82);--halo:rgba(139,92,246,0.26);--mancha:rgba(139,92,246,0.1);--conta-suave:#F0ECFC}
.tela[data-estilo=relevo][data-tema=claro][data-cor=laranja]{--conta:#EA6A1A;--trilho:#C2410C;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#7C2D12;--borda-agora:#EA6A1A;--bg1:#F0EFF0;--bg2:#F0EFF0;--cartao:#FCFCFC;--borda:#FFFFFF;--trilha:#E9DEDB;--vidro:rgba(240,239,240,0.82);--halo:rgba(234,106,26,0.26);--mancha:rgba(234,106,26,0.1);--conta-suave:#FAEDE5}
.tela[data-estilo=relevo][data-tema=claro][data-cor=petroleo]{--conta:#1F7A80;--trilho:#0B3B40;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#0B3B40;--borda-agora:#1F7A80;--bg1:#EAF0F4;--bg2:#EAF0F4;--cartao:#FBFCFD;--borda:#FFFFFF;--trilha:#D1E0E7;--vidro:rgba(234,240,244,0.82);--halo:rgba(31,122,128,0.26);--mancha:rgba(31,122,128,0.1);--conta-suave:#E5EFF1}
.tela[data-estilo=relevo][data-tema=claro][data-cor=grafite]{--conta:#5B6577;--trilho:#1E2430;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#1E2430;--borda-agora:#5B6577;--bg1:#ECEFF4;--bg2:#ECEFF4;--cartao:#FBFCFD;--borda:#FFFFFF;--trilha:#D8DEE6;--vidro:rgba(236,239,244,0.82);--halo:rgba(91,101,119,0.26);--mancha:rgba(91,101,119,0.1);--conta-suave:#EBEDF0}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=marinho]{--conta:#7C9BE6;--trilho:#0B1F4B;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#7C9BE6;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#2D3A5B;--vidro:rgba(18,24,39,0.84);--halo:rgba(124,155,230,0.32);--mancha:rgba(124,155,230,0.16);--conta-suave:#2C3854}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=vinho]{--conta:#F08A92;--trilho:#5A0F16;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#F08A92;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#40384D;--vidro:rgba(18,24,39,0.84);--halo:rgba(240,138,146,0.32);--mancha:rgba(240,138,146,0.16);--conta-suave:#413545}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=verde]{--conta:#5EE08F;--trilho:#15803D;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#5EE08F;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#28454D;--vidro:rgba(18,24,39,0.84);--halo:rgba(94,224,143,0.32);--mancha:rgba(94,224,143,0.16);--conta-suave:#264444}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=amarelo]{--conta:#FDE047;--trilho:#FACC15;--trilho-t:#1F1A05;--tr-ativo:#1F1A05;--tr-ativo-t:#FACC15;--btn-contorno:#1F1A05;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#FDE047;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#424541;--vidro:rgba(18,24,39,0.84);--halo:rgba(253,224,71,0.32);--mancha:rgba(253,224,71,0.16);--conta-suave:#434437}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=roxo]{--conta:#B9A2FB;--trilho:#5B21B6;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#B9A2FB;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#373C5E;--vidro:rgba(18,24,39,0.84);--halo:rgba(185,162,251,0.32);--mancha:rgba(185,162,251,0.16);--conta-suave:#373958}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=laranja]{--conta:#FDA766;--trilho:#C2410C;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#FDA766;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#423C46;--vidro:rgba(18,24,39,0.84);--halo:rgba(253,167,102,0.32);--mancha:rgba(253,167,102,0.16);--conta-suave:#433A3D}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=petroleo]{--conta:#5FC4C9;--trilho:#0B3B40;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#5FC4C9;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#284156;--vidro:rgba(18,24,39,0.84);--halo:rgba(95,196,201,0.32);--mancha:rgba(95,196,201,0.16);--conta-suave:#263F4F}
.tela[data-estilo=relevo][data-tema=escuro][data-cor=grafite]{--conta:#A9B3C6;--trilho:#1E2430;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#A9B3C6;--bg1:#121827;--bg2:#121827;--cartao:#1A2234;--borda:#232D43;--trilha:#343E55;--vidro:rgba(18,24,39,0.84);--halo:rgba(169,179,198,0.32);--mancha:rgba(169,179,198,0.16);--conta-suave:#343C4E}
.tela[data-estilo=holo][data-tema=claro][data-cor=marinho]{--conta:#2F55B0;--trilho:#0B1F4B;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#0B1F4B;--borda-agora:#2F55B0;--bg1:#F4F8FF;--bg2:#F4F8FF;--cartao:#FFFFFF;--borda:#BCC9E6;--grade:#DAE3F5;--trilha:#D3DCED;--vidro:rgba(244,248,255,0.82);--halo:rgba(47,85,176,0.26);--mancha:rgba(47,85,176,0.1);--conta-suave:#EAEEF7}
.tela[data-estilo=holo][data-tema=claro][data-cor=vinho]{--conta:#A3333D;--trilho:#5A0F16;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#5A0F16;--borda-agora:#A3333D;--bg1:#FFF6F5;--bg2:#FFF6F5;--cartao:#FFFFFF;--borda:#E2BEC1;--grade:#F3DDDD;--trilha:#E1D8DF;--vidro:rgba(255,246,245,0.82);--halo:rgba(163,51,61,0.26);--mancha:rgba(163,51,61,0.1);--conta-suave:#F6EBEC}
.tela[data-estilo=holo][data-tema=claro][data-cor=verde]{--conta:#22A055;--trilho:#15803D;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#14532D;--borda-agora:#22A055;--bg1:#F0FAF3;--bg2:#F0FAF3;--cartao:#FFFFFF;--borda:#B8E1C9;--grade:#D5EEDE;--trilha:#D1E5E2;--vidro:rgba(240,250,243,0.82);--halo:rgba(34,160,85,0.26);--mancha:rgba(34,160,85,0.1);--conta-suave:#E9F6EE}
.tela[data-estilo=holo][data-tema=claro][data-cor=amarelo]{--conta:#EAB308;--trilho:#FACC15;--trilho-t:#1F1A05;--tr-ativo:#1F1A05;--tr-ativo-t:#FACC15;--btn-contorno:#1F1A05;--texto:#16213A;--texto2:#55627A;--tit:#3D3200;--borda-agora:#8A6A00;--bg1:#FFFBEA;--bg2:#FFFBEA;--cartao:#FFFFFF;--borda:#F8E7B0;--grade:#FCF2CD;--trilha:#E9E7D9;--vidro:rgba(255,251,234,0.82);--halo:rgba(234,179,8,0.26);--mancha:rgba(234,179,8,0.1);--conta-suave:#FDF7E6}
.tela[data-estilo=holo][data-tema=claro][data-cor=roxo]{--conta:#8B5CF6;--trilho:#5B21B6;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#3B0F87;--borda-agora:#8B5CF6;--bg1:#F7F4FF;--bg2:#F7F4FF;--cartao:#FFFFFF;--borda:#DACBFC;--grade:#E9E0FE;--trilha:#DEDCF5;--vidro:rgba(247,244,255,0.82);--halo:rgba(139,92,246,0.26);--mancha:rgba(139,92,246,0.1);--conta-suave:#F3EFFE}
.tela[data-estilo=holo][data-tema=claro][data-cor=laranja]{--conta:#EA6A1A;--trilho:#C2410C;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#7C2D12;--borda-agora:#EA6A1A;--bg1:#FFF6EF;--bg2:#FFF6EF;--cartao:#FFFFFF;--borda:#F8CFB6;--grade:#FCE4D3;--trilha:#E9DEDB;--vidro:rgba(255,246,239,0.82);--halo:rgba(234,106,26,0.26);--mancha:rgba(234,106,26,0.1);--conta-suave:#FDF0E8}
.tela[data-estilo=holo][data-tema=claro][data-cor=petroleo]{--conta:#1F7A80;--trilho:#0B3B40;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#0B3B40;--borda-agora:#1F7A80;--bg1:#F1F8F8;--bg2:#F1F8F8;--cartao:#FFFFFF;--borda:#B7D4D6;--grade:#D6E8E8;--trilha:#D1E0E7;--vidro:rgba(241,248,248,0.82);--halo:rgba(31,122,128,0.26);--mancha:rgba(31,122,128,0.1);--conta-suave:#E9F2F2}
.tela[data-estilo=holo][data-tema=claro][data-cor=grafite]{--conta:#5B6577;--trilho:#1E2430;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#16213A;--texto2:#55627A;--tit:#1E2430;--borda-agora:#5B6577;--bg1:#F5F6F8;--bg2:#F5F6F8;--cartao:#FFFFFF;--borda:#CBCED3;--grade:#E1E3E7;--trilha:#D8DEE6;--vidro:rgba(245,246,248,0.82);--halo:rgba(91,101,119,0.26);--mancha:rgba(91,101,119,0.1);--conta-suave:#EFF0F1}
.tela[data-estilo=holo][data-tema=escuro][data-cor=marinho]{--conta:#7C9BE6;--trilho:#0B1F4B;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#7C9BE6;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#37476E;--grade:#1E2940;--trilha:#2D3A5B;--vidro:rgba(7,12,23,0.84);--halo:rgba(124,155,230,0.32);--mancha:rgba(124,155,230,0.16);--conta-suave:#212B47}
.tela[data-estilo=holo][data-tema=escuro][data-cor=vinho]{--conta:#F08A92;--trilho:#5A0F16;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#F08A92;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#63404E;--grade:#362530;--trilha:#40384D;--vidro:rgba(7,12,23,0.84);--halo:rgba(240,138,146,0.32);--mancha:rgba(240,138,146,0.16);--conta-suave:#362838}
.tela[data-estilo=holo][data-tema=escuro][data-cor=verde]{--conta:#5EE08F;--trilho:#15803D;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#5EE08F;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#2C614D;--grade:#18362F;--trilha:#28454D;--vidro:rgba(7,12,23,0.84);--halo:rgba(94,224,143,0.32);--mancha:rgba(94,224,143,0.16);--conta-suave:#1C3837}
.tela[data-estilo=holo][data-tema=escuro][data-cor=amarelo]{--conta:#FDE047;--trilho:#FACC15;--trilho-t:#1F1A05;--tr-ativo:#1F1A05;--tr-ativo-t:#FACC15;--btn-contorno:#1F1A05;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#FDE047;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#686131;--grade:#383621;--trilha:#424541;--vidro:rgba(7,12,23,0.84);--halo:rgba(253,224,71,0.32);--mancha:rgba(253,224,71,0.16);--conta-suave:#38382A}
.tela[data-estilo=holo][data-tema=escuro][data-cor=roxo]{--conta:#B9A2FB;--trilho:#5B21B6;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#B9A2FB;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#4E4976;--grade:#2B2A45;--trilha:#373C5E;--vidro:rgba(7,12,23,0.84);--halo:rgba(185,162,251,0.32);--mancha:rgba(185,162,251,0.16);--conta-suave:#2C2D4B}
.tela[data-estilo=holo][data-tema=escuro][data-cor=laranja]{--conta:#FDA766;--trilho:#C2410C;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#FDA766;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#684B3D;--grade:#382B27;--trilha:#423C46;--vidro:rgba(7,12,23,0.84);--halo:rgba(253,167,102,0.32);--mancha:rgba(253,167,102,0.16);--conta-suave:#382E30}
.tela[data-estilo=holo][data-tema=escuro][data-cor=petroleo]{--conta:#5FC4C9;--trilho:#0B3B40;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#5FC4C9;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#2C5663;--grade:#19313B;--trilha:#284156;--vidro:rgba(7,12,23,0.84);--halo:rgba(95,196,201,0.32);--mancha:rgba(95,196,201,0.16);--conta-suave:#1C3342}
.tela[data-estilo=holo][data-tema=escuro][data-cor=grafite]{--conta:#A9B3C6;--trilho:#1E2430;--trilho-t:#FFFFFF;--tr-ativo:#F6C21A;--tr-ativo-t:#0B1F4B;--btn-contorno:transparent;--texto:#E8EEFB;--texto2:#A9B6D0;--tit:#F4F7FF;--borda-agora:#A9B3C6;--bg1:#070C17;--bg2:#070C17;--cartao:#0D1324;--borda:#485062;--grade:#272D3A;--trilha:#343E55;--vidro:rgba(7,12,23,0.84);--halo:rgba(169,179,198,0.32);--mancha:rgba(169,179,198,0.16);--conta-suave:#293041}
.tela[data-tema=claro]{--pilc-t:#FFFFFF;--estudo:#B42318;--revisao:#1D4ED8;--questoes:#067647;--bom:#18B979;--atn:#F97316;--frc:#E11D48;--semdado:#B8C4D8;--longe:#F97316;--amarelo:#F6C21A;--amarelo-t:#0B1F4B}
.tela[data-tema=claro]{--tipo-estudo:#B42318;--tipo-questoes:#067647;--tipo-revisao:#1D4ED8;--tipo-t:#FFFFFF;--bom-letra:#04291A;--atn-letra:#2A1000;--frc-letra:#FFFFFF;--bom-tinta:#166534;--atn-tinta:#B13A0A;--frc-tinta:#BE123C}
.tela[data-tema=claro]{--sv-estudo-f:#FDEDEC;--sv-estudo-b:#F1B6B0;--sv-revisao-f:#EAF1FD;--sv-revisao-b:#B5CBF4;--sv-questoes-f:#E8F6EE;--sv-questoes-b:#A7DBBD}
.tela[data-tema=claro][data-conta=atila]{--frc:#CC1F95;--frc-letra:#FFFFFF;--frc-tinta:#B0187F}
.tela[data-tema=escuro]{--pilc-t:#0A0F1C;--estudo:#FF9C92;--revisao:#8DB4FF;--questoes:#6CE0A0;--bom:#18B979;--atn:#F97316;--frc:#E11D48;--semdado:#4A5874;--longe:#FB923C;--amarelo:#F6C21A;--amarelo-t:#0B1F4B}
.tela[data-tema=escuro]{--tipo-estudo:#B42318;--tipo-questoes:#067647;--tipo-revisao:#1D4ED8;--tipo-t:#FFFFFF;--bom-letra:#04291A;--atn-letra:#2A1000;--frc-letra:#FFFFFF;--bom-tinta:#4ADE80;--atn-tinta:#FB923C;--frc-tinta:#FB7185}
.tela[data-tema=escuro]{--sv-estudo-f:#3A1A19;--sv-estudo-b:#7A2E28;--sv-revisao-f:#16233F;--sv-revisao-b:#2E4C86;--sv-questoes-f:#12301F;--sv-questoes-b:#2A6A45}
.tela[data-tema=escuro][data-conta=atila]{--frc:#CC1F95;--frc-letra:#FFFFFF;--frc-tinta:#FF5CC8}
/* ===== 2ª prévia: base das telas + a camada dos 3 estilos. Obra de design de 13/11 (guia Apple 1.1 a 3.1): uma letra só
   (a do sistema), a escala do iOS com piso de 15 px em variáveis, cantos concêntricos em variáveis ===== */
.tela{--letra:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro",system-ui,"Helvetica Neue","Segoe UI",Roboto,sans-serif;
  --letra-num:ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Rounded",system-ui,sans-serif;
  --t-grande:34px;--t-1:28px;--t-2:22px;--t-3:20px;--t-dest:17px;--t-corpo:17px;--t-apoio:15px;
  --r-et:8px;--r-campo:12px;--r-btn:14px;--r-cartao:20px;--r-folha:28px;
  container:tela/inline-size;position:relative;height:100%;overflow:hidden;color:var(--texto);background:var(--bg1);
  font-family:var(--letra);font-size:var(--t-corpo);line-height:1.45;-webkit-font-smoothing:antialiased}
/* degrau de 1600 px (guia 1.3): a janela do Caio tem ~2000 px; quem herda a letra também cresce */
@container tela (min-width:1600px){.tela>*{--t-grande:38px;--t-1:32px;--t-2:24px;--t-3:22px;--t-dest:19px;--t-corpo:19px;--t-apoio:17px;font-size:var(--t-corpo)}}
.tela *{box-sizing:border-box}
.tela [hidden]{display:none!important}
.tela h1,.tela h2,.tela h3,.tela .tit{font-family:var(--letra);color:var(--tit);margin:0;line-height:1.2}
.tela .num,.tela .an1-n,.tela .pm-tres b,.tela .pm-crono b,.tela .sm-n,.tela .pm-tag b,.tela .pm-circ,.tela .sem7-dt{font-family:var(--letra-num);font-variant-numeric:tabular-nums}
.tela .num{color:var(--tit);margin:0;line-height:1.2}
.tela h1{font-size:var(--t-grande);font-weight:700}.tela h2{font-size:var(--t-2);font-weight:700;line-height:1.25}.tela h3{font-size:var(--t-3);font-weight:600;line-height:1.25}
/* <b> dentro de texto 700 virava 900 ("bolder"): o negrito é sempre 700 */
:where(.tela) :where(b,strong){font-weight:700}
.tela p{margin:0}.tela small,.tela .s{font-size:var(--t-apoio);color:var(--texto2)}
.tela .num{font-weight:700}
.tela button{font:inherit;color:inherit;cursor:pointer}
.tela a{color:inherit;text-decoration:none}
.tela .mao{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;color:var(--texto2)}

/* ---------- casca (3ª rodada): menu das áreas em cima, na horizontal; no celular, abas embaixo ---------- */
.app{display:flex;flex-direction:column;height:100%}
.topo-nav{display:none}
.rolo{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;position:relative}
.tela>.rolo{height:100%}
.area{padding:20px 16px 190px;max-width:1320px;margin:0 auto}
/* barra de baixo do celular (12/11): vidro, sombra leve, ícones cheios em duas cores, rótulo inteiro */
.abas{min-height:72px;padding:8px 8px 12px!important;display:flex!important;justify-content:space-around;align-items:stretch;box-shadow:0 -6px 20px rgba(10,20,50,.10)}
.abas .mi{flex:0 1 auto;min-width:48px;padding:2px 0 0!important;gap:3px!important;font-size:12px!important;font-weight:600;line-height:1.1;white-space:nowrap;letter-spacing:0}/* exceção decidida ao piso (guia 1.2): 12 px peso 600 */
.icc-p{display:grid;place-items:center;width:52px;height:32px;border-radius:14px}
.icc{width:26px;height:26px;display:block}
.icc .b{fill:color-mix(in srgb,var(--conta) 55%,var(--cartao))}.icc .a{fill:var(--amarelo)}.icc .as{fill:none;stroke:var(--amarelo);stroke-width:2.4;stroke-linecap:round}
.abas .mi.ativo .icc-p{background:var(--amarelo);box-shadow:0 2px 10px rgba(246,194,26,.45)}
.abas .mi.ativo .icc .b{fill:var(--amarelo-t)}.abas .mi.ativo .icc .a{fill:#FFFFFF}.abas .mi.ativo .icc .as{stroke:#FFFFFF}
.tela[data-tema=escuro] .abas .mi.ativo .icc .a{fill:#FFFFFF}
.abas{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);background:var(--vidro);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--borda);z-index:15}
.abas .mi{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 1px 12px;font-size:var(--t-apoio);color:var(--texto2);min-height:60px;text-align:center;line-height:1.1}
.abas .mi.ativo{color:var(--tit);font-weight:700}
.abas .mi.ativo .ic{background:var(--amarelo);border-radius:8px}
.ic{width:30px;height:30px;padding:4px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic .ic2{stroke:var(--amarelo)}
.abas .mi.ativo .ic,.abas .mi.ativo .ic .ic2{stroke:var(--amarelo-t)}
@container tela (min-width:700px){
  .abas{display:none}
  .area{padding:32px 40px 150px}
  .topo-nav{display:flex;align-items:center;gap:16px;flex:0 0 auto;height:66px;padding:0 20px;background:var(--trilho);color:var(--trilho-t);position:relative;z-index:6;box-shadow:0 6px 24px rgba(0,0,0,.14)}
  .tn-marca{display:flex;align-items:center;gap:8px;font-family:var(--letra);font-size:var(--t-corpo);white-space:nowrap}
  .tn-areas{flex:1;display:flex;justify-content:center;gap:4px;min-width:0}
  .tn-areas .mi{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;font-size:var(--t-apoio);font-weight:600;white-space:nowrap;line-height:1}
  .tn-areas .mi .ic{width:24px;height:24px;padding:2px}
  .tn-areas .mi:not(.ativo) .ic .ic2{stroke:currentColor;opacity:.7}
  .tn-areas .mi.ativo{background:var(--tr-ativo);color:var(--tr-ativo-t);font-weight:700;box-shadow:0 0 16px rgba(246,194,26,.35)}
  .tn-areas .mi.ativo .ic .ic2{stroke:var(--tr-ativo-t)}
  .tn-dir{display:flex;align-items:center;gap:12px}
  .tn-falar{border:1px solid color-mix(in srgb,var(--trilho-t) 35%,transparent);background:none;color:inherit;border-radius:999px;padding:8px 12px;font-size:var(--t-apoio);font-weight:600;white-space:nowrap}
  .tr-eu{background:color-mix(in srgb,var(--trilho-t) 12%,transparent);border:0;display:flex;align-items:center;gap:8px;color:inherit;font-size:var(--t-apoio);font-weight:600;padding:4px 12px 4px 4px;border-radius:999px}
}
.tn-busca{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--trilho-t) 35%,transparent);background:none;color:inherit;border-radius:999px;padding:8px 12px;font-size:var(--t-apoio);font-weight:600;white-space:nowrap}
@container tela (max-width:1399px){.tn-falar .tn-falar-t,.tn-busca span{display:none}.tn-areas .mi{padding:8px 12px 8px 8px}}
@container tela (max-width:1249px){.tn-marca b{display:none}.tn-areas .mi{padding:8px 12px 8px 8px;font-size:var(--t-apoio)}.tr-eu span{display:none}.tr-eu{padding:4px}}
@container tela (max-width:699px){.so-larga{display:none!important}}
@container tela (min-width:700px){.so-cel{display:none!important}}

/* doca: o boneco no canto, com o balão (no celular, acima das abas) */
.doca{position:absolute;right:14px;bottom:72px;display:flex;align-items:flex-end;gap:8px;z-index:14;pointer-events:none;max-width:calc(100% - 28px)}
.doca>*{pointer-events:auto}
@container tela (min-width:700px){.doca{right:22px;bottom:18px}}
.fala-doca{max-width:250px}
@container tela (max-width:699px){.fala-doca{display:none}}
@container tela (min-width:700px){.fala-doca{max-width:320px}}

/* ---------- peças ---------- */
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:20px;padding:20px;min-width:0;position:relative}
.cartao.g{border-radius:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;border-radius:14px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font-weight:600;font-size:var(--t-apoio);white-space:nowrap;transition:transform .15s,box-shadow .15s}
.btn.p{background:var(--amarelo);color:var(--amarelo-t);border-color:transparent;font-weight:700;box-shadow:inset 0 0 0 2px var(--btn-contorno)}
.btn.peq{min-height:38px;padding:8px 12px;font-size:var(--t-apoio);border-radius:12px}
.btn.lin{background:transparent}
.btn:disabled{opacity:.45;cursor:not-allowed}
.fim{display:flex;flex-wrap:wrap;gap:12px}
.pil{display:inline-flex;align-items:center;gap:4px;padding:2px 12px;border-radius:999px;font-size:var(--t-apoio);font-weight:700;letter-spacing:0;white-space:nowrap}
.t-estudo.pil{background:color-mix(in srgb,var(--estudo) 14%,var(--cartao));color:var(--estudo)}
.t-revisao.pil{background:color-mix(in srgb,var(--revisao) 14%,var(--cartao));color:var(--revisao)}
.t-questoes.pil{background:color-mix(in srgb,var(--questoes) 14%,var(--cartao));color:var(--questoes)}
.meta,.mt{border-left:6px solid var(--m,#999)}
.meta.t-estudo,.mt.t-estudo{background:color-mix(in srgb,var(--estudo) 6%,var(--cartao))}
.meta.t-revisao,.mt.t-revisao{background:color-mix(in srgb,var(--revisao) 6%,var(--cartao))}
.meta.t-questoes,.mt.t-questoes{background:color-mix(in srgb,var(--questoes) 6%,var(--cartao))}
.mtag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:var(--t-apoio);color:var(--texto);white-space:nowrap}
.mtag i{width:10px;height:10px;border-radius:50%;background:var(--m);flex:0 0 10px}
.estr{color:#F59E0B;letter-spacing:-1px;font-size:var(--t-apoio);white-space:nowrap}.estr i{font-style:normal;opacity:.25}
.selo{display:inline-block;border:1px dashed var(--semdado);color:var(--texto2);border-radius:8px;padding:1px 8px;font-size:var(--t-apoio);white-space:nowrap}
.bac{position:relative;height:10px;border-radius:8px;background:var(--trilha);min-width:40px}
.bac b{position:absolute;left:0;top:0;bottom:0;border-radius:8px}
.bac b.bom{background:var(--bom)}.bac b.atn{background:var(--atn)}.bac b.frc{background:var(--frc)}
.bac u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--texto);opacity:.6}
.barra{height:12px;border-radius:8px;background:var(--trilha);overflow:hidden;position:relative}
.barra b{position:absolute;left:0;top:0;bottom:0;background:var(--conta);border-radius:8px}
.barra.listra b{background:repeating-linear-gradient(45deg,var(--conta) 0 4px,color-mix(in srgb,var(--conta) 45%,transparent) 4px 8px)}
.estado{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-apoio);font-weight:600;white-space:nowrap}
.estado::before{content:"";width:11px;height:11px;border-radius:8px;background:var(--cor)}
.d-bom{--cor:var(--bom)}.d-atn{--cor:var(--atn)}.d-frc{--cor:var(--frc)}.d-semdado{--cor:var(--semdado)}.d-nao{--cor:var(--trilha)}.d-esq{--cor:var(--atn)}.d-edital{--cor:transparent}
.d-andando::before{background:repeating-linear-gradient(45deg,var(--conta) 0 2px,transparent 2px 4px);border:1px solid var(--conta)}
.d-edital::before{border:1.5px dashed var(--semdado)}
.linha{display:flex;align-items:center;gap:12px;min-width:0}
.cresce{flex:1;min-width:0}
.corta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quebra{overflow-wrap:anywhere}
.duas-l{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rot{font-size:var(--t-apoio);font-weight:700;letter-spacing:0;text-transform:none;color:var(--texto2)}
.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.grade{display:grid;gap:20px}
.grade>*,.corpo>*,.dev,.tanques>*{min-width:0}
.cab{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap;position:relative}
.cab .cresce{min-width:200px}
.data{font-size:var(--t-apoio);color:var(--texto2);font-weight:600}.data::first-letter{text-transform:none}
.frase-alto{margin-top:8px;font-size:var(--t-corpo);color:var(--texto);max-width:760px}
.nada{color:var(--texto2);font-size:var(--t-apoio);padding:12px;border:1px dashed var(--borda);border-radius:14px;text-align:center}
.tag-dia{font-size:var(--t-apoio);font-weight:700;padding:3px 12px;border-radius:999px;background:var(--trilha);color:var(--texto);white-space:nowrap}
.filtros{display:flex;flex-wrap:wrap;gap:8px}
.filtros .f{border:1px solid var(--borda);background:var(--cartao);color:var(--texto);border-radius:999px;padding:8px 12px;font-size:var(--t-apoio);font-weight:600;min-height:36px}
.filtros .f.on{background:var(--tit);color:var(--cartao);border-color:transparent}
.tela[data-tema=escuro] .filtros .f.on{background:var(--conta);color:#0A0F1C}
.anel-num{fill:var(--tit);font-family:var(--letra);font-weight:700}
.anel-sub{fill:var(--texto2);font-size:var(--t-apoio)}
.vazio-ok{opacity:.55}
.chave-on{width:50px;height:30px;border-radius:999px;background:var(--trilha);position:relative;flex:0 0 50px;border:0;padding:0}
.chave-on::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s}
.chave-on[aria-checked=true]{background:var(--bom)}.chave-on[aria-checked=true]::after{left:23px}
.trilha-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:var(--t-apoio);margin-bottom:12px}
.trilha-nav button{border:0;background:none;padding:4px 8px;border-radius:8px;font-weight:600;color:var(--texto2);text-decoration:underline;text-underline-offset:3px}
.trilha-nav b{padding:4px 8px;color:var(--tit)}
.trilha-nav i{font-style:normal;color:var(--texto2)}

/* ---------- o Agora: a peça principal, "saltada" ---------- */
.agora{border:2px solid var(--borda-agora);border-radius:20px;padding:24px;position:relative}
.agora .rot{color:var(--tit)}
.agora h2{margin:12px 0 8px;font-size:var(--t-2)}

/* ---------- boneco: pose, palco, sombra no chão, luz de contorno ---------- */
.pz{display:block;background:center bottom/contain no-repeat}
.pz.mini{width:38px;height:38px;border-radius:50%;background-color:rgba(255,255,255,.18);background-size:170%;background-position:50% 6%}
.bon{--h:150px;position:relative;display:inline-flex;align-items:flex-end;justify-content:center;width:calc(var(--h)*.82);height:var(--h);background:none;border:0;padding:0;flex:0 0 auto;cursor:pointer;border-radius:20px}
.bon:focus-visible{outline:3px solid var(--conta);outline-offset:4px}
.bon.t-doca{--h:84px}.bon.t-p{--h:104px}.bon.t-m{--h:160px}.bon.t-g{--h:240px}.bon.t-xg{--h:330px}
.bon .pz{position:relative;z-index:2;width:100%;height:100%;filter:drop-shadow(0 0 1.5px var(--conta)) drop-shadow(0 0 7px var(--halo));transition:transform .2s}
.bon:hover .pz{transform:translateY(-3px)}
.palco{position:absolute;left:50%;bottom:-7%;width:118%;height:24%;transform:translateX(-50%);z-index:1;pointer-events:none}
.palco i{position:absolute;display:block}
.palco::after{content:"";position:absolute;left:28%;right:28%;top:38%;height:22%;border-radius:50%;background:rgba(0,0,0,.32);filter:blur(4px)}
.palco .disco,.palco .anel1,.palco .anel2,.palco .feixe{display:none}
/* Vidro: disco de luz */
.tela[data-estilo=vidro] .palco .disco{display:block;inset:0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--conta) 45%,transparent),transparent)}
/* Relevo: pedestal do mesmo material */
.tela[data-estilo=relevo] .palco .disco{display:block;left:6%;right:6%;top:14%;bottom:4%;border-radius:50%;background:linear-gradient(180deg,var(--cartao),var(--bg1));box-shadow:0 6px 12px rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.7),0 0 0 2px var(--conta-suave)}
.tela[data-estilo=relevo][data-tema=escuro] .palco .disco{box-shadow:0 6px 14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px var(--halo)}
/* Holograma: dois anéis e um feixe */
.tela[data-estilo=holo] .palco .anel1{display:block;inset:6% 4%;border-radius:50%;border:2px solid var(--conta);box-shadow:0 0 8px var(--halo)}
.tela[data-estilo=holo] .palco .anel2{display:block;inset:-14% -10%;border-radius:50%;border:1.5px dashed var(--conta);opacity:.7}
.tela[data-estilo=holo] .palco .feixe{display:block;left:22%;right:22%;bottom:40%;height:calc(var(--h)*.9);background:linear-gradient(0deg,color-mix(in srgb,var(--conta) 14%,transparent),transparent);border-radius:40% 40% 0 0}

/* balão: com IA (exemplo) ou recado do coach; não some sozinho, só no × */
.fala{position:relative;background:var(--cartao);border:1px solid var(--borda);border-radius:20px;padding:12px 32px 12px 16px;font-size:var(--t-apoio);line-height:1.45;color:var(--texto);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.fala b{color:var(--tit)}
.fala .fonte{font-size:var(--t-apoio);color:var(--texto2);margin-top:8px}
.fala .btn{margin-top:8px}
.ex{display:inline-block;border:1px dashed var(--semdado);border-radius:8px;padding:0 8px;font-size:var(--t-apoio);color:var(--texto2);margin-left:4px}
.fala-x{position:absolute;top:4px;right:4px;border:0;background:none;font-size:var(--t-3);line-height:1;color:var(--texto2);width:30px;height:30px;border-radius:8px}
.fala.fechada{display:none}
.tela[data-ia=off] .so-ia{display:none}
.tela:not([data-ia=off]) .so-coach{display:none}

/* ---------- folhas (conversa com o boneco, mover meta), véu e aviso ---------- */
.vela{position:absolute;inset:0;background:rgba(5,10,25,.42);z-index:30}
.folha{position:absolute;z-index:31;left:0;right:0;bottom:0;max-height:88%;overflow:auto;background:var(--cartao);border-radius:28px 28px 0 0;padding:20px 20px 24px;border:1px solid var(--borda);box-shadow:0 -10px 40px rgba(0,0,0,.25)}
@container tela (min-width:700px){.folha{left:auto;top:0;bottom:0;width:min(460px,44%);max-height:none;border-radius:28px 0 0 28px}}
.folha .alca{width:46px;height:5px;border-radius:8px;background:var(--semdado);margin:0 auto 12px}
@container tela (min-width:700px){.folha .alca{display:none}}
.folha h3{margin-bottom:4px}
.folha .op{display:flex;align-items:center;gap:12px;padding:12px 12px;border:1px solid var(--borda);border-radius:14px;background:var(--cartao);width:100%;text-align:left;min-height:52px;color:var(--texto)}
.folha .op:hover{border-color:var(--conta)}
.folha .op.cabe{border-color:var(--bom)}
.folha .op.nao-cabe{opacity:.62}
.folha .op small{display:block}
.folha .ops{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ia-topo{display:flex;align-items:flex-end;gap:12px;margin-bottom:8px}
.ia-funcs{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0}
.ia-funcs .btn{justify-content:flex-start}
.ia-pergs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.ia-pergs .btn{white-space:normal;text-align:left}
.ia-escrever{display:flex;gap:8px;margin-top:12px}
.ia-escrever input{flex:1;min-width:0;min-height:46px;border-radius:14px;border:1px solid var(--borda);background:var(--bg1);color:var(--texto);padding:0 12px;font:inherit}
.ia-off{padding:12px 12px;border-radius:14px;border:1px dashed var(--semdado);color:var(--texto);font-size:var(--t-apoio);margin:12px 0}
.tela:not([data-ia=off]) .ia-off{display:none}
.tela[data-ia=off] .ia-so-on{opacity:.45;pointer-events:none}
.aviso-t{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);z-index:40;background:var(--tit);color:var(--cartao);border-radius:14px;padding:12px 12px 12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:var(--t-apoio);max-width:calc(100% - 32px)}
.aviso-t .btn{min-height:34px;background:transparent;color:inherit;border-color:currentColor}
.tela[data-tema=escuro] .aviso-t{background:#F4F7FF;color:#0A0F1C}

/* ---------- modo foco ---------- */
.foco{position:absolute;inset:0;z-index:25;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--trilho) 70%,#0A0F1C),#070B16);color:#E8EEFB;text-align:center}
.tela.com-foco .foco{display:flex}
.foco h2{color:#fff;font-size:var(--t-2)}.foco .s{color:#B7C3DD}
.foco .btn{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.foco .btn.p{background:var(--amarelo);color:var(--amarelo-t)}
.foco .anel-num{fill:#fff}.foco .anel-sub{fill:#B7C3DD}
.foco .duvida{width:min(440px,100%);border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);padding:12px;color:#C9D3E8;text-align:left;font-size:var(--t-apoio)}
.foco .fechar{position:absolute;top:16px;right:16px}

/* ============================================================
   CAMADA DOS ESTILOS — só profundidade, borda, sombra e brilho; a organização da tela não muda
   Brilho só no Agora, no botão principal, no progresso, no que está em jogo e no boneco.
   ============================================================ */
/* --- Vidro de cabine (3ª rodada: no nível das imagens 1 e 2 do Caio) --- */
.tela[data-estilo=vidro][data-tema=escuro] .app{background:radial-gradient(700px 420px at 12% 0%,rgba(70,120,255,.16),transparent 65%),radial-gradient(600px 400px at 92% 28%,rgba(90,140,255,.10),transparent 60%),radial-gradient(800px 500px at 60% 110%,var(--mancha),transparent 60%),linear-gradient(170deg,var(--bg1),var(--bg2))}
.tela[data-estilo=vidro][data-tema=claro] .app{background:radial-gradient(700px 420px at 10% 0%,rgba(255,255,255,.9),transparent 60%),radial-gradient(700px 500px at 95% 20%,color-mix(in srgb,var(--conta) 9%,transparent),transparent 60%),linear-gradient(165deg,var(--bg1),var(--bg2))}
.tela[data-estilo=vidro] .cartao{background:color-mix(in srgb,var(--cartao) 86%,transparent);border-color:var(--borda)}
.tela[data-estilo=vidro][data-tema=claro] .cartao,.tela[data-estilo=vidro][data-tema=claro] .fala{border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(40,60,120,.05),0 14px 34px rgba(40,60,120,.11)}
.tela[data-estilo=vidro][data-tema=escuro] .cartao,.tela[data-estilo=vidro][data-tema=escuro] .fala{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 24px rgba(90,140,255,.05),0 0 0 1px rgba(120,160,255,.05),0 18px 40px rgba(0,0,0,.45)}
.tela[data-estilo=vidro] .agora,.tela[data-estilo=vidro] .h3-vez{box-shadow:0 0 0 5px var(--halo),0 0 30px var(--halo),0 22px 44px rgba(11,31,75,.16);transform:translateY(-2px)}
.tela[data-estilo=vidro] .dest-ouro{border-color:rgba(246,194,26,.7)!important;box-shadow:0 0 0 1px rgba(246,194,26,.35),0 0 26px rgba(246,194,26,.18),0 18px 40px rgba(0,0,0,.25)!important}
.tela[data-estilo=vidro] .btn.p{box-shadow:inset 0 0 0 2px var(--btn-contorno),0 0 18px rgba(246,194,26,.45),0 4px 10px rgba(0,0,0,.12)}
.tela[data-estilo=vidro] .anel-arco{filter:drop-shadow(0 0 6px var(--conta))}
.tela[data-estilo=vidro] .barra b{box-shadow:0 0 10px var(--halo)}
.tela[data-estilo=vidro] .topo-nav{background:linear-gradient(180deg,color-mix(in srgb,var(--trilho) 90%,#fff),var(--trilho))}
.tela[data-estilo=vidro][data-tema=escuro] .topo-nav{background:color-mix(in srgb,var(--trilho) 60%,#0A1024);border-bottom:1px solid rgba(140,170,255,.14);box-shadow:none}
.tela[data-estilo=vidro] .filtros .f,.tela[data-estilo=vidro] .seg{backdrop-filter:none}
.tela[data-estilo=vidro][data-tema=escuro][data-cor=amarelo] .topo-nav{background:var(--trilho)}

/* --- Relevo macio --- */
.tela[data-estilo=relevo] .app{background:var(--bg1)}
.tela[data-estilo=relevo] .cartao,.tela[data-estilo=relevo] .fala{border-color:rgba(255,255,255,.75);box-shadow:-6px -6px 14px rgba(255,255,255,.9),8px 10px 22px rgba(19,37,74,.14)}
.tela[data-estilo=relevo][data-tema=escuro] .cartao,.tela[data-estilo=relevo][data-tema=escuro] .fala{border-color:rgba(255,255,255,.05);box-shadow:-4px -4px 10px rgba(255,255,255,.035),8px 10px 24px rgba(0,0,0,.5)}
.tela[data-estilo=relevo] .agora{border-color:var(--borda-agora);box-shadow:-8px -8px 18px rgba(255,255,255,.9),12px 14px 30px rgba(19,37,74,.18),0 0 0 5px var(--halo)}
.tela[data-estilo=relevo][data-tema=escuro] .agora{box-shadow:-5px -5px 12px rgba(255,255,255,.04),12px 14px 30px rgba(0,0,0,.55),0 0 0 5px var(--halo)}
.tela[data-estilo=relevo] .agora::before{content:"";position:absolute;left:18px;right:18px;top:2px;height:8px;border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);pointer-events:none}
.tela[data-estilo=relevo] .btn{box-shadow:-3px -3px 7px rgba(255,255,255,.85),4px 5px 10px rgba(19,37,74,.13);border-color:rgba(255,255,255,.6)}
.tela[data-estilo=relevo][data-tema=escuro] .btn{box-shadow:-2px -2px 6px rgba(255,255,255,.04),4px 5px 10px rgba(0,0,0,.45);border-color:rgba(255,255,255,.06)}
.tela[data-estilo=relevo] .btn:active{box-shadow:inset 3px 3px 7px rgba(19,37,74,.2),inset -3px -3px 7px rgba(255,255,255,.6);transform:translateY(1px)}
.tela[data-estilo=relevo] .btn.p{box-shadow:inset 0 0 0 2px var(--btn-contorno),inset 0 2px 0 rgba(255,255,255,.55),4px 6px 12px rgba(150,110,0,.3)}
.tela[data-estilo=relevo] .barra,.tela[data-estilo=relevo] .bac{box-shadow:inset 2px 2px 4px rgba(19,37,74,.16),inset -2px -2px 4px rgba(255,255,255,.7)}
.tela[data-estilo=relevo][data-tema=escuro] .barra,.tela[data-estilo=relevo][data-tema=escuro] .bac{box-shadow:inset 2px 2px 4px rgba(0,0,0,.5),inset -1px -1px 3px rgba(255,255,255,.05)}
.tela[data-estilo=relevo] .barra b{background-image:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 40%)}
.tela[data-estilo=relevo] .topo-nav{box-shadow:0 8px 18px rgba(19,37,74,.18)}
.tela[data-estilo=relevo] .filtros .f{box-shadow:-2px -2px 5px rgba(255,255,255,.8),3px 3px 7px rgba(19,37,74,.1)}
.tela[data-estilo=relevo][data-tema=escuro] .filtros .f{box-shadow:none}

/* --- Holograma de linhas --- */
.tela[data-estilo=holo] .app{background:var(--bg1)}
.tela[data-estilo=holo] .cab{padding-bottom:32px}
.tela[data-estilo=holo] .cab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;pointer-events:none;
  background:linear-gradient(90deg,var(--grade) 1px,transparent 1px) 0 0/34px 100%,linear-gradient(0deg,var(--grade) 1px,transparent 1px) 0 0/100% 9px;
  -webkit-mask:linear-gradient(0deg,#000,transparent);mask:linear-gradient(0deg,#000,transparent);transform:perspective(160px) rotateX(38deg);transform-origin:bottom}
.tela[data-estilo=holo] .cartao{box-shadow:none;border-color:var(--borda);
  background:linear-gradient(var(--conta),var(--conta)) top left/14px 2px no-repeat,linear-gradient(var(--conta),var(--conta)) top left/2px 14px no-repeat,
  linear-gradient(var(--conta),var(--conta)) bottom right/14px 2px no-repeat,linear-gradient(var(--conta),var(--conta)) bottom right/2px 14px no-repeat,var(--cartao)}
.tela[data-estilo=holo] .cartao.meta,.tela[data-estilo=holo] .mt{background:linear-gradient(var(--conta),var(--conta)) bottom right/12px 2px no-repeat,linear-gradient(var(--conta),var(--conta)) bottom right/2px 12px no-repeat,color-mix(in srgb,var(--mt-tipo,var(--revisao)) 6%,var(--cartao))}
.tela[data-estilo=holo] .t-estudo{--mt-tipo:var(--estudo)}.tela[data-estilo=holo] .t-questoes{--mt-tipo:var(--questoes)}
.tela[data-estilo=holo] .agora{border-width:1.5px;box-shadow:0 0 0 1px var(--halo),0 0 14px var(--halo)}
.tela[data-estilo=holo] .agora::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--conta),transparent);box-shadow:0 0 8px var(--conta);pointer-events:none}
.tela[data-estilo=holo] .num{letter-spacing:0}
.tela[data-estilo=holo] .btn.p{box-shadow:inset 0 0 0 2px var(--btn-contorno),0 0 0 1px rgba(246,194,26,.5),0 0 10px rgba(246,194,26,.4)}
.tela[data-estilo=holo] .anel-arco{filter:drop-shadow(0 0 4px var(--conta))}
.tela[data-estilo=holo][data-tema=claro] .anel-arco{filter:none}
.tela[data-estilo=holo] .topo-nav{border-bottom:1px solid var(--conta);box-shadow:0 1px 10px var(--halo)}
.tela[data-estilo=holo] .fala{box-shadow:none;border-color:var(--conta)}

/* ---------- movimento: só uma vez, curto; "reduzir movimento" desliga ---------- */
@keyframes encher{from{stroke-dasharray:0 999}}
@keyframes surgir{from{opacity:0;transform:translateY(6px)}}
.anel-arco{animation:encher .9s ease-out 1}
.area>*{animation:surgir .2s ease-out 1}
/* guia 7.9: com "reduzir movimento", nada sobe nem desliza; o esmaecer curto fica (antes, transition:none em tudo cortava até ele) */
@media (prefers-reduced-motion:reduce){.tela *,.tela *::before,.tela *::after{animation:none!important;transition-duration:.15s!important;transition-property:opacity,background-color,color!important}}

/* ---------- ficha da aula (abre por cima: Desempenho, Revisão, Página da matéria) ---------- */
.folha.ficha-aula{max-height:92%}
@container tela (min-width:700px){.folha.ficha-aula{left:50%;right:auto;top:4%;bottom:4%;width:min(1000px,92%);transform:translateX(-50%);border-radius:28px}}
.fa-cab{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.fa-sig{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-family:var(--letra);font-weight:700;font-size:var(--t-apoio);background:color-mix(in srgb,var(--m) 16%,var(--cartao));color:var(--tit);border:2px solid var(--m);flex:0 0 52px;text-align:center;line-height:1.05}
.fa-linhas{display:flex;flex-direction:column;border:1px solid var(--borda);border-radius:20px;padding:4px 16px;margin-bottom:16px}
.fa-l{display:grid;grid-template-columns:150px auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--borda)}
.fa-l:last-child{border-bottom:0}
.fa-l>span:first-child{font-weight:600}
.fa-l .num{font-size:var(--t-2)}.fa-l small{font-size:var(--t-apoio);color:var(--texto2)}
.fa-ref .btn{justify-self:start;background:color-mix(in srgb,var(--questoes) 14%,var(--cartao));color:var(--questoes);border-color:color-mix(in srgb,var(--questoes) 40%,var(--cartao))}
.fa-2{display:grid;gap:16px}
@container tela (min-width:700px){.fa-2{grid-template-columns:1fr 1fr}}
.fa-pe{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.fa-coach{gap:12px;padding-left:8px}
.fa-coach .pz{width:34px;height:40px;flex:0 0 34px}

/* números-chave em etiqueta amarela (imagens 1 e 2) */
.etq{display:inline-flex;align-items:center;padding:2px 12px;border-radius:12px;background:var(--amarelo);color:var(--amarelo-t);font-family:var(--letra);font-weight:700;font-size:var(--t-2);line-height:1.3;white-space:nowrap;box-shadow:0 0 14px rgba(246,194,26,.35)}
.etq.peq{font-size:var(--t-apoio);padding:1px 8px;border-radius:8px;box-shadow:none}

/* ---------- prévia final ---------- */
.simb,.marca-dagua{display:none}
.faixa-coach{display:flex;align-items:flex-end;gap:8px;max-width:440px;min-width:0}
.faixa-coach .fala{box-shadow:none;font-size:var(--t-apoio)}
@container tela (max-width:699px){.cab .faixa-coach{max-width:100%;width:100%}.faixa-coach .bon{--h:70px}}
.porta-q{display:flex;flex-direction:column;gap:8px}
.mc[data-reg] .mc-tempo{background:var(--conta-suave);border-color:var(--borda-agora);color:var(--tit)}
.mc[data-reg=fiz]{opacity:.82}.mc[data-reg=fiz] .mc-t{text-decoration:line-through;text-decoration-thickness:2px}
.porta-folha .pq-p{font-size:var(--t-corpo)}
.porta-q .pm-dupla{grid-template-columns:minmax(0,1fr)}
.busca-res{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:60vh;overflow:auto}
.busca-res button{text-align:left;display:flex;gap:12px;align-items:center;padding:12px 12px;border-radius:12px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto)}
.busca-res button small{color:var(--texto2)}
.busca-in{width:100%;min-height:48px;border-radius:14px;border:1.5px solid var(--borda-agora);background:var(--bg1);color:var(--texto);padding:0 12px;font:inherit;font-size:var(--t-corpo)}
.foco .crono-f{display:flex;align-items:center;gap:12px}.foco .crono-f b{font-family:var(--letra);font-size:var(--t-2);color:#fff;font-variant-numeric:tabular-nums}
/* página da meta (2ª rodada, 12/11): uma só. Cabeçalho do Painel de voo; blocos e andamento da Faixa do tipo; registrar em dois estados, sem rolar.
   Letra: título 30 (26 no celular), seções 20 (18), texto 16–17 (15–16), nada abaixo de 14 (13 no celular). Botões do registro: altura 52, raio 14. */
.folha.pag-meta{padding:0;overflow:hidden;max-height:none}
.folha.pag-meta>.alca{display:none}
@container tela (min-width:700px){.folha.pag-meta{left:50%;right:auto;top:2%;bottom:2%;width:min(1240px,96%);transform:translateX(-50%);border-radius:28px}}
.pm{--bh:52px;--br:14px;--tp:var(--revisao);height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 460px;font-size:var(--t-corpo);color:var(--texto)}
.pm.pm-t-estudo{--tp:var(--estudo)}.pm.pm-t-revisao{--tp:var(--revisao)}.pm.pm-t-questoes{--tp:var(--questoes)}
.pm-col{display:flex;flex-direction:column;min-height:0;min-width:0}
/* cabeçalho: claro, tingido com a cor do tipo, anel do módulo */
.pm-cab{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ex ex" "anel l1" "anel tt" "anel sub" "anel tags";column-gap:24px;align-items:start;padding:20px 24px 20px 32px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--tp) 16%,var(--cartao)),color-mix(in srgb,var(--tp) 5%,var(--cartao)));box-shadow:inset 10px 0 0 var(--m);border-bottom:1px solid var(--borda)}
.pm-exemplo{grid-area:ex;justify-self:start;margin-bottom:12px;font-size:var(--t-apoio);font-weight:700;padding:4px 12px;border-radius:999px;background:var(--amarelo);color:var(--amarelo-t)}
.pm-l1{grid-area:l1;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}
.pm-l1 .pm-x{margin-left:auto}
.pm-tipo{font-size:var(--t-apoio);font-weight:700;letter-spacing:0;text-transform:none;padding:4px 12px;border-radius:999px;line-height:1.3;background:var(--tp);color:var(--pilc-t)}
.pm-mat{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-apoio);font-weight:700;padding:3px 12px 3px 3px;border-radius:999px;background:var(--cartao);color:var(--tit);line-height:1.3;box-shadow:inset 0 0 0 1.5px var(--borda)}
.pm-sig{background:var(--m);color:var(--mt);border-radius:999px;padding:2px 12px;font-size:var(--t-apoio);font-weight:700}
.pm-dia{font-size:var(--t-apoio);font-weight:700;padding:4px 12px;border-radius:999px;background:var(--amarelo);color:var(--amarelo-t)}
.pm-x{width:46px;height:46px;border-radius:50%;border:0;font-size:var(--t-1);line-height:1;display:grid;place-items:center;background:var(--cartao);color:var(--tit);box-shadow:inset 0 0 0 1.5px var(--borda)}
.pm-tt{grid-area:tt;min-width:0}.pm-tt h2{font-size:var(--t-1);line-height:1.15;font-weight:700;margin-top:8px}
.pm-sub{grid-area:sub;font-size:var(--t-corpo);margin-top:4px;line-height:1.4}
.pm-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.pm-tag{display:flex;flex-direction:column;justify-content:center;padding:8px 16px;border-radius:14px;min-width:110px;background:var(--cartao);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tp) 30%,var(--borda));color:var(--tit)}
.pm-tag b{font-family:var(--letra);font-size:var(--t-1);line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums}
.pm-tag span{font-size:var(--t-apoio);font-weight:600;line-height:1.3}
.pm-anel{grid-area:anel;align-self:center;display:flex;justify-content:center}
/* o que é: ações, blocos de hoje (cartões com o número grande) e andamento */
.pm-esq{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 24px 24px 32px}
.pm-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}
.pm-acoes .btn{min-height:var(--bh);font-size:var(--t-corpo);border-radius:var(--br)}
.pm-coach{display:inline-flex;align-items:center;min-height:var(--bh);padding:12px 16px;border-radius:var(--br);background:color-mix(in srgb,var(--tp) 10%,var(--cartao));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tp) 30%,var(--cartao));font-size:var(--t-corpo);font-weight:700;color:var(--tit)}
.pm .pm-crono-esq{display:none}
.pm-sec{margin-bottom:24px}
.pm .pm-sec>h3{font-size:var(--t-3);margin-bottom:12px}
.pm-cards{display:flex;flex-direction:column;gap:12px}
.pm-card{display:flex;gap:16px;align-items:flex-start;padding:16px 16px 16px 20px;border-radius:20px;background:var(--cartao);border:1.5px solid color-mix(in srgb,var(--m) 35%,var(--borda));box-shadow:inset 6px 0 0 var(--m),0 4px 16px rgba(10,20,50,.06)}
.pm-circ{flex:none;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--m);color:var(--mt);font-family:var(--letra);font-weight:700;font-size:var(--t-1);box-shadow:0 4px 14px color-mix(in srgb,var(--m) 40%,transparent)}
.pm-card-t{flex:1;min-width:0}
.pm-blq{display:block;font-size:var(--t-apoio);font-weight:700;letter-spacing:0;text-transform:none;color:var(--texto2)}
.pm-ass{font-size:var(--t-corpo);font-weight:600;color:var(--texto);line-height:1.4;margin-top:2px}
.pm-etqs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pm-etq{display:inline-flex;align-items:center;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--tp) 10%,var(--cartao));color:var(--tit);font-size:var(--t-corpo);font-weight:700;line-height:1.3}
.pm-etq.sd,.pm-sd{color:var(--texto2);font-weight:600;font-size:var(--t-apoio)}
.pm-escolha,.pm-porque{font-size:var(--t-corpo);line-height:1.45;margin-top:12px}
.pm-escolha b,.pm-porque b{color:var(--tit)}
.pm-nota-p{font-size:var(--t-apoio);color:var(--texto2);margin-top:12px}
.pm-and{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:end}
.pm-and-b{min-width:0}.pm-b2{display:none}
.pm-barras{display:flex;flex-direction:column;gap:32px;margin-top:40px}
.pm-barra{position:relative;display:flex;gap:3px;height:28px}
.pm-barra>i,.pm-hj>i{flex:1;min-width:0;border-radius:8px;background:var(--trilha)}
.pm-barra>i.feito{background:var(--conta)}.pm-barra>i.vaga{background:none}
.pm-hj{position:relative;display:flex;gap:3px;min-width:0}
.pm-hj>i{background:var(--m);box-shadow:0 0 12px color-mix(in srgb,var(--m) 55%,transparent)}
.pm-pino{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:var(--t-apoio);font-weight:700;padding:2px 12px;border-radius:999px;background:var(--m);color:var(--mt);line-height:1.4}
.pm-pino.pd{left:auto;right:0;transform:none}.pm-pino.pe{left:0;transform:none}
.pm-leg{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:var(--t-apoio);color:var(--texto2);margin-top:12px}
.pm-leg i{display:inline-block;width:14px;height:14px;border-radius:8px;margin-right:8px;vertical-align:-2px}
.pm-leg .lf{background:var(--conta)}.pm-leg .lh{background:var(--m)}.pm-leg .lr{background:var(--trilha);box-shadow:inset 0 0 0 1px var(--borda)}
.pm-tres{display:flex;gap:8px}
.pm-tres>div{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:8px 12px;border-radius:14px;background:color-mix(in srgb,var(--conta) 7%,var(--cartao))}
.pm-tres b{font-family:var(--letra);font-size:var(--t-grande);line-height:1.1;font-weight:700;color:var(--tit);font-variant-numeric:tabular-nums}
.pm-tres span{font-size:var(--t-apoio);font-weight:700;color:var(--texto2)}
.pm-tres .t-hoje{background:color-mix(in srgb,var(--m) 14%,var(--cartao));box-shadow:inset 0 -4px 0 var(--m)}
/* questões: os dois jeitos */
.pm-acoes.q{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}
.pm-dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.pm-jeito{display:flex;flex-direction:column;gap:8px;min-width:0}
.pm-jb{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:76px;padding:12px 16px;border-radius:14px;text-align:left;border:2px solid var(--questoes);background:color-mix(in srgb,var(--questoes) 12%,var(--cartao));color:var(--tit)}
.pm-jb b{font-family:var(--letra);font-size:var(--t-corpo);font-weight:700}.pm-jb span{font-size:var(--t-apoio);font-weight:600}
.pm-jb.fdx{background:var(--questoes);color:var(--pilc-t);flex:1}
.pm-modo{display:flex;gap:8px;flex-wrap:wrap}
.pm-modo button{min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--borda);background:var(--cartao);font-size:var(--t-apoio);font-weight:700;color:var(--texto)}
.pm-modo button[aria-pressed=true]{border-color:var(--questoes);background:color-mix(in srgb,var(--questoes) 14%,var(--cartao));color:var(--tit)}
.pm-selo{align-self:flex-start;font-size:var(--t-apoio);font-weight:600;padding:2px 12px;border-radius:999px;background:var(--trilha);color:var(--texto)}
.pm-qmsg{grid-column:1/-1;font-size:var(--t-apoio);line-height:1.45;color:var(--texto)}
.pm-qmsg b{color:var(--tit)}
/* o que eu faço: o registrar (coluna da direita, inteira, sem rolar) */
.pm-dir{min-height:0;min-width:0;display:flex;padding:20px 20px 20px;border-left:1px solid var(--borda);background:color-mix(in srgb,var(--tp) 4%,var(--cartao))}
.pm-painel{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.pm-alca{display:none}
.pm-pt{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pm-pt-t{flex:1 1 200px;min-width:0}
.pm .pm-pt h3{font-size:var(--t-3);color:var(--tit)}
.pm-quem{font-size:var(--t-apoio);color:var(--texto2);line-height:1.4;margin-top:2px}
.pm-rot{font-size:var(--t-apoio);font-weight:700;color:var(--texto)}
.pm-crono{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"rot bt" "num bt";align-items:center;column-gap:12px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--tp) 9%,var(--cartao))}
.pm-crono .pm-rot{grid-area:rot}
.pm-crono b{grid-area:num;font-family:var(--letra);font-size:52px;line-height:1.1;font-weight:700;color:var(--tit);font-variant-numeric:tabular-nums}
.pm-crono .btn{grid-area:bt;min-height:var(--bh);font-size:var(--t-corpo);border-radius:var(--br)}
.pm-crono-p{flex-basis:100%}
.pm-ops{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-op{--oc:#18B979;--ot:#04291A;display:flex;align-items:center;gap:12px;min-height:84px;padding:12px 16px;border-radius:14px;border:2px solid color-mix(in srgb,var(--oc) 60%,transparent);background:color-mix(in srgb,var(--oc) 13%,var(--cartao));color:var(--texto);font-weight:700;font-size:var(--t-corpo);text-align:left;line-height:1.2}
.pm-op i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--oc);color:var(--ot);font-style:normal;font-size:var(--t-3);font-weight:700}
.pm-op[aria-pressed=true]{background:var(--oc);color:var(--ot);border-color:var(--oc);box-shadow:0 0 0 4px color-mix(in srgb,var(--oc) 32%,transparent)}
.pm-op[aria-pressed=true] i{background:var(--ot);color:var(--oc)}
.op-fiz{--oc:#18B979;--ot:#04291A}.op-parte{--oc:#F4BE23;--ot:#3A2A00}.op-travei{--oc:#F97316;--ot:#3A1500}.op-nao{--oc:#8592A6;--ot:#0F1726}
.pm-det,.pm-fim{display:none}
/* estado 2: no alto o cronômetro pequeno; os 4 em fileira compacta; embaixo, o formulário; Confirmar no pé */
.pm-painel[data-estado="2"] .pm-crono-p{flex-basis:auto;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-radius:var(--br)}
.pm-painel[data-estado="2"] .pm-crono-p .pm-rot{display:none}
.pm-painel[data-estado="2"] .pm-crono-p b{font-size:var(--t-2)}
.pm-painel[data-estado="2"] .pm-crono-p .btn{min-height:44px;padding:8px 12px;font-size:var(--t-apoio)}
.pm-painel[data-estado="2"] .pm-ops{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pm-painel[data-estado="2"] .pm-op{flex-direction:column;justify-content:center;gap:2px;min-height:var(--bh);padding:4px 4px;font-size:var(--t-apoio);text-align:center;border-radius:var(--br);border-width:1.5px}
.pm-painel[data-estado="2"] .pm-op i{width:24px;height:24px;font-size:var(--t-apoio)}
.pm-painel[data-estado="2"] .pm-op[aria-pressed=false]{background:var(--cartao);border-color:var(--borda);color:var(--texto2)}
.pm-painel[data-estado="2"] .pm-op[aria-pressed=false] i{background:color-mix(in srgb,var(--oc) 22%,var(--cartao));color:var(--texto)}
.pm-painel[data-estado="2"] .pm-det{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}
.pm-painel[data-estado="2"] .pm-fim{display:flex}
.pm-perg{font-family:var(--letra);font-size:var(--t-corpo);font-weight:700;color:var(--tit)}
.pm-bks{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;margin-top:8px}
.pm-bk{display:flex;align-items:center;gap:12px;min-height:var(--bh);padding:8px 12px 8px 8px;border-radius:var(--br);border:1.5px solid var(--borda);background:var(--cartao);text-align:left;font-size:var(--t-apoio);color:var(--texto);line-height:1.25}
.pm-bk-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--m);color:var(--mt);font-family:var(--letra);font-weight:700;font-size:var(--t-corpo)}
.pm-bk-t{flex:1;min-width:0;font-weight:700}.pm-bk .bk-l{display:none}
.pm-bk-ok{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--borda);color:transparent;font-size:var(--t-apoio);font-weight:700}
.pm-bk[aria-pressed=true]{border-color:#18B979;background:color-mix(in srgb,#18B979 14%,var(--cartao))}
.pm-bk-ok .ico{width:16px;height:16px;opacity:0}.pm-bk[aria-pressed=true] .pm-bk-ok .ico{opacity:1}
.pm-bk[aria-pressed=true] .pm-bk-ok{background:#18B979;border-color:#18B979;color:#04291A}
.pm-quanto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.pm-quanto button{min-height:var(--bh);border-radius:var(--br);border:1.5px solid var(--borda);background:var(--cartao);font-weight:700;font-size:var(--t-corpo);color:var(--texto)}
.pm-quanto button[aria-pressed=true]{border-color:#F4BE23;background:#F4BE23;color:#3A2A00}
.pm-parei{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;font-size:var(--t-apoio);margin-top:12px;line-height:1.3;white-space:nowrap}
.pm-parei input{width:76px;min-height:44px;border-radius:12px;border:1.5px solid var(--borda);background:var(--bg1);color:var(--tit);font:inherit;font-size:var(--t-corpo);font-weight:700;text-align:center}
.pm-opc{font-size:var(--t-apoio);color:var(--texto2);font-weight:600}
.pm-qlin{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pm-nota{display:flex;flex-direction:column;gap:8px}
.pm-nota textarea{width:100%;min-height:72px;border-radius:var(--br);border:1.5px solid var(--borda);background:var(--bg1);color:var(--texto);font:inherit;font-size:var(--t-corpo);padding:12px 12px;resize:none}
.pm-tempo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pm-pm{display:flex;align-items:center;gap:8px}
.pm-pm button{width:var(--bh);height:var(--bh);border-radius:var(--br);border:1.5px solid var(--borda);background:var(--cartao);font-size:var(--t-1);font-weight:700;line-height:1;color:var(--tit)}
.pm-pm input{width:96px;height:var(--bh);border-radius:var(--br);border:1.5px solid var(--borda);background:var(--bg1);color:var(--tit);font-family:var(--letra);font-size:var(--t-1);font-weight:700;text-align:center;padding:0 4px}
.pm-qn{font-family:var(--letra);font-size:var(--t-1);font-weight:700;color:var(--tit);min-width:44px;text-align:center}
.pm-un{font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
.pm-sug{font-size:var(--t-apoio);color:var(--texto2);margin-top:-8px}
.pm-frase{font-size:var(--t-corpo);line-height:1.45;padding:12px 12px;border-radius:var(--br);background:color-mix(in srgb,#18B979 12%,var(--cartao));border-left:5px solid #18B979;color:var(--texto)}
.pm-frase:empty{display:none}
.pm-aviso{font-size:var(--t-apoio);font-weight:700;color:var(--frc-tinta)}.pm-aviso:empty{display:none}
.tela[data-tema=claro] .pm-aviso{color:#B42318}
.pm-fim{margin-top:auto;flex:none;gap:12px;padding-top:12px;border-top:1px solid var(--borda)}
.pm-fim .btn{min-height:var(--bh);font-size:var(--t-corpo);flex:1 1 140px;border-radius:var(--br)}
/* ---------- celular em pé: desenho próprio (Painel de voo do celular) ---------- */
@container tela (max-width:699px){
  .folha.pag-meta{top:0;bottom:0;border-radius:0}
  .pm{display:block;overflow-y:auto;overflow-x:hidden;font-size:var(--t-apoio)}
  .pm-col{display:block}
  .pm-cab{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ex ex" "l1 l1" "tt anel" "sub sub" "tags tags";column-gap:12px;padding:12px 16px 16px 20px;box-shadow:inset 6px 0 0 var(--m)}
  .pm-exemplo{margin-bottom:12px}
  .pm-l1{gap:8px;flex-wrap:nowrap}
  .pm-mat{font-size:var(--t-apoio);min-width:0}
  .pm-x{width:44px;height:44px;font-size:var(--t-1);flex:none}
  .pm-tt{align-self:center}.pm-tt h2{font-size:var(--t-1);margin-top:12px}
  .pm-anel{align-self:center;margin-top:8px}.pm-anel .an1-rot{display:none}
  .pm-sub{font-size:var(--t-apoio);margin-top:8px}
  .pm-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:8px;margin-top:12px}
  .pm-tag{min-width:0;padding:8px 12px;border-radius:14px}
  .pm-tag b{font-size:var(--t-2)}.pm-tag span{font-size:var(--t-apoio);line-height:1.25}
  .pm-esq{overflow:visible;padding:16px 16px 112px}
  .pm-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
  .pm-acoes .btn,.pm-coach{width:100%;justify-content:center;text-align:center;font-size:var(--t-apoio);padding:8px 12px}
  .pm-acoes.q{grid-template-columns:minmax(0,1fr)}
  .pm-dupla{grid-template-columns:minmax(0,1fr)}
  .pm .pm-crono-esq{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;margin-bottom:20px;border-radius:var(--br)}
  .pm-crono-esq .pm-rot{flex:1;font-size:var(--t-apoio)}.pm-crono-esq b{font-size:var(--t-1)}.pm-crono-esq .btn{min-height:48px}
  .pm-sec{margin-bottom:20px}
  .pm .pm-sec>h3{font-size:var(--t-corpo);margin-bottom:12px}
  .pm-card{gap:12px;padding:12px 12px 12px 16px;border-radius:20px;box-shadow:inset 5px 0 0 var(--m)}
  .pm-circ{width:48px;height:48px;font-size:var(--t-2)}
  .pm-blq{font-size:var(--t-apoio)}.pm-ass{font-size:var(--t-corpo)}
  .pm-etqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pm-etq{justify-content:center;font-size:var(--t-apoio);padding:8px 8px;text-align:center}
  .pm-and{grid-template-columns:minmax(0,1fr)}
  .pm-tres{order:-1}.pm-tres>div{flex:1;min-width:0}
  .pm-b1{display:none}.pm-b2{display:block}.pm-barras{margin-top:16px}
  .pm-escolha,.pm-porque{font-size:var(--t-apoio)}
  /* o registro: barra presa no pé; tocar abre a gaveta de baixo para cima */
  .pm-dir{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:92%;padding:0;border:0;background:none;display:flex;flex-direction:column}
  .pm-painel{flex:1 1 auto;min-height:0;gap:12px;padding:12px 16px 12px;background:var(--cartao);border-top:1px solid var(--borda);border-radius:20px 20px 0 0;box-shadow:0 -10px 28px rgba(10,20,50,.22)}
  .pm-painel:not(.aberto) .pm-alca,.pm-painel:not(.aberto) .pm-pt,.pm-painel:not(.aberto) .pm-det,.pm-painel:not(.aberto) .pm-fim{display:none}
  .pm-painel:not(.aberto) .pm-ops{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .pm-painel:not(.aberto) .pm-op{flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px 2px;font-size:var(--t-apoio);text-align:center;border-radius:var(--br)}
  .pm-painel:not(.aberto) .pm-op i{width:28px;height:28px;font-size:var(--t-apoio)}
  .pm-painel.aberto .pm-alca{display:grid;place-items:center;align-self:center;width:72px;height:24px;margin:-4px 0 -4px;border:0;background:none}
  .pm-alca i{display:block;width:44px;height:5px;border-radius:8px;background:var(--semdado)}
  .pm-pt-t{flex:1 1 auto}.pm-quem{font-size:var(--t-apoio)}
  .pm-painel[data-estado="2"] .pm-crono-p b{font-size:var(--t-3)}
  .pm-painel[data-estado="2"] .pm-op{font-size:var(--t-apoio)}
  .pm-painel.aberto .pm-det{flex:1 1 auto}
  .pm-bks{grid-template-columns:minmax(0,1fr)}
  .pm-painel.aberto .pm-quem,.pm-sug{display:none}
  .pm-parei{font-size:var(--t-apoio);flex-wrap:wrap;white-space:normal}
  .pm-tempo .pm-rot{font-size:var(--t-apoio)}
  .pm-fim .btn{flex:1 1 120px}
}

/* ---------- passada geral no celular em pé (12/11): só arrumação; o conteúdo e a ordem não mudam; iPad e computador intactos ---------- */
@container tela (max-width:699px){
  /* alvos de toque: nada abaixo de 44 px; o × dos balões maior */
  .tela .area button:not(.chave-on):not(.fala-x),.tela .area .btn{min-height:44px}
  .tela .filtros .f,.tela .fx-nav button{font-size:var(--t-apoio)}
  .fala-x{width:44px;height:44px;top:0;right:0;font-size:var(--t-2)}
  .ex{font-size:var(--t-apoio)}
  /* Hoje: a linha "Amanhã" sem palavra empilhada nem nome cortado */
  .tela .h3-amanha{flex-wrap:wrap;row-gap:8px}
  .tela .h3-amanha>.s:not(.corta){white-space:nowrap}
  .tela .h3-amanha .corta{order:9;flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip}
  .h3-am-acao{margin-left:auto}
  /* Planejamento: os dias do começo da semana em 2 colunas iguais; nome da meta inteiro */
  .tela .plan .com-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tela .plan .mt-t{white-space:normal;overflow:visible;text-overflow:clip}
  /* FiscalDex: "Seu próximo passo" com o texto em cima e o botão na largura toda */
  .tela .fx-prox{flex-direction:column;align-items:stretch}
  .tela .fx-prox .btn{width:100%}
  /* Desempenho: as 4 abas numa grade 2 × 2, sem escada */
  .tela .est-abas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tela .est-abas button{text-align:center}
  /* Página da matéria: o título "Módulos" numa linha e os filtros embaixo */
  .tela .mods-cab h3{flex-basis:100%}
  .tela .area .corta{white-space:normal;overflow:visible;text-overflow:clip}
}

.ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.22em;flex:none;overflow:visible}
.ico .b{fill:currentColor}.ico .a{fill:currentColor;opacity:.3}.ico .f{fill:var(--ico-f,var(--cartao))}
.ico .bs{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.estr{color:#F59E0B;font-size:13px;white-space:nowrap;display:inline-flex;gap:1px;vertical-align:-.1em}.estr i{font-style:normal;opacity:.28;display:inline-flex;gap:1px}
.estr .ico{width:1.05em;height:1.05em;vertical-align:0}.estr .ico .a{fill:#FFE08A;opacity:.9}.estr i .ico .a{opacity:0}
.btn .ico,.pp-atalhos .ico{margin-right:6px}

.an1{display:inline-flex;flex-direction:column;align-items:center;gap:8px;flex:none;min-width:0}
.an1-roda{position:relative;flex:none}
.an1-roda svg{display:block;overflow:visible}
.an1-tr{stroke:var(--trilha)}
.an1-arco{fill:none;filter:none}
.an1-meta{stroke:var(--tit);stroke-width:2.5;stroke-linecap:round}
.an1-c{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;text-align:center;line-height:1;pointer-events:none}
.an1-n{font-family:var(--letra-num);font-weight:700;color:var(--tit);line-height:1;white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.an1-de{font-weight:700;color:var(--texto2);line-height:1.15;white-space:nowrap;margin-top:2px}
.an1-rot{font-size:var(--t-apoio);font-weight:600;color:var(--texto2);text-align:center;line-height:1.3;white-space:nowrap}
/* ===== 3ª rodada (fechar o visual, 12/11): símbolo, marca-d'água, conversa com o coach, Desempenho por módulo, menu com Questões e Universo ===== */

/* ---------- símbolo (sempre com as cores dele: é a marca) ---------- */
.simb{display:inline-block;flex:none;background:var(--simbolo) center/contain no-repeat;width:36px;height:36px;border-radius:8px}
.tn-marca .simb{width:36px;height:36px}
.simb-cel{display:none;width:28px;height:28px;border-radius:8px}
.h1-simb{display:flex;align-items:center;gap:12px;min-width:0}
.h1-simb>span{min-width:0}
@container tela (max-width:699px){.simb-cel{display:inline-block}}
.en-marca{flex-direction:column;gap:8px!important;text-align:center}
.en-marca .simb{width:140px;height:140px;border-radius:28px;background-image:var(--simbolo-g);filter:drop-shadow(0 10px 28px rgba(16,72,200,.35)) drop-shadow(0 0 22px rgba(80,150,255,.35))}
.en-marca .en-nome{display:flex;align-items:baseline;gap:8px}
@container tela (max-width:699px){.en-marca .simb{width:120px;height:120px;border-radius:28px}}

/* ---------- marca-d'água: a silhueta "FO" na cor da conta, presa ao canto de baixo do fundo, atrás dos cartões ---------- */
.mdg{display:none;position:absolute;right:-5%;bottom:-6%;width:45%;aspect-ratio:720/370;background:var(--conta);-webkit-mask:var(--silhueta) center/contain no-repeat;mask:var(--silhueta) center/contain no-repeat;opacity:.045;pointer-events:none;z-index:0;transition:opacity .3s,transform .3s}
.tela[data-tema=escuro] .mdg{opacity:.065}
.mdg.desce{transform:translateY(34%)}
.mdg.encolhe{transform:translate(18%,30%) scale(.62)}
.mdg.some{opacity:0!important}
.app>.rolo,.app>.topo-nav{position:relative;z-index:1}
@container tela (min-width:700px){.mdg{display:block}}
.app[data-marca=sempre] .mdg,.app[data-vazia] .mdg{display:block}
@container tela (max-width:699px){.app[data-marca=sempre] .mdg{width:78%;right:-10%;bottom:-3%}}
.ent .mdg{display:block}.ent .mdg-caixa{z-index:1}
.mdg-caixa{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}

/* ---------- ícones no menu e nos botões ---------- */
.tn-falar{display:inline-flex;align-items:center;gap:8px}
.tn-areas .l-curto{display:none}
@container tela (max-width:1249px){.tn-areas .l-longo:has(+ .l-curto){display:none}.tn-areas .l-curto{display:inline}}
@container tela (max-width:1499px){.tn-falar .tn-falar-t{display:none}}
@container tela (max-width:1599px){.tn-busca span{display:none}.tn-areas{gap:2px}.tn-areas .mi{padding:8px 12px 8px 8px}}
.abas{grid-template-columns:repeat(6,1fr)}
.abas .ab-larga{display:none!important}
@container tela (min-width:700px){.abas{display:none!important}}
.pp-atalhos button{display:inline-flex;align-items:center;gap:8px}
.pm-op i .ico{width:24px;height:24px}
.pm-painel[data-estado="2"] .pm-op i .ico{width:16px;height:16px}
.mc-tempo .ico{width:16px;height:16px}
.fala-x .ico,.cv-x .ico,.pm-x .ico{width:20px;height:20px}
.pm-x{display:grid;place-items:center}
.g-ic .ico{width:22px;height:22px}
.dia-est b .ico{width:12px;height:12px;vertical-align:-1px}
.com-d b .ico{width:16px;height:16px;vertical-align:-2px}
.tecl .ico{width:24px;height:24px}
.foco .an1-n{color:#fff}.foco .an1-de{color:#B7C3DD}.foco .an1-tr{stroke:rgba(255,255,255,.14)}
.des-mapa{align-self:center}
.mc[data-adiada]::after{content:attr(data-adiada);grid-column:1/-1;justify-self:start;font-size:var(--t-apoio);font-weight:700;color:var(--tit);border:1px dashed var(--borda-agora);border-radius:8px;padding:1px 8px;margin-top:-4px}

/* ---------- conversa com o coach ---------- */
.conv{position:absolute;z-index:32;display:flex;flex-direction:column;background:var(--cartao);color:var(--texto);border:1px solid var(--borda);box-shadow:-14px 0 40px rgba(5,10,25,.22);inset:0}
@container tela (min-width:700px){.conv{left:auto;top:66px;width:400px;border-radius:20px 0 0 0}}
.cv-topo{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--borda)}
.cv-rosto{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--conta-suave);flex:none;display:grid;place-items:end center}
.cv-rosto .pz{width:46px;height:60px;margin-bottom:-12px}
.cv-topo h3{font-size:var(--t-corpo)}
.cv-gasto{font-size:var(--t-apoio);color:var(--texto2);margin-top:2px}
.cv-x{flex:none;width:44px;height:44px;border:0;background:none;border-radius:12px;color:var(--texto2);display:grid;place-items:center}
.cv-msgs{flex:1;min-height:0;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;gap:12px}
.cv-dica{font-size:var(--t-apoio);color:var(--texto2);text-align:center;padding:8px 12px}
.cv-m{max-width:88%;font-size:var(--t-apoio);line-height:1.45}
.cv-m.eu{align-self:flex-end;background:var(--tr-ativo);color:var(--tr-ativo-t);padding:8px 12px;border-radius:20px 20px 8px 20px;font-weight:600}
.cv-m.ele{align-self:flex-start;display:flex;align-items:flex-end;gap:8px}
.cv-mini{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--conta-suave);flex:none;display:grid;place-items:end center}
.cv-mini .pz{width:32px;height:42px;margin-bottom:-12px}
.cv-b{background:var(--bg2,var(--bg1));border:1px solid var(--borda);padding:12px 12px;border-radius:20px 20px 20px 8px;min-width:0}
.cv-b .fonte{margin-top:8px}
.cv-prop{margin-top:12px;border:2px solid var(--borda-agora);border-radius:14px;padding:12px 12px;background:var(--cartao)}
.cv-prop-t{display:block;font-size:var(--t-apoio);letter-spacing:0;text-transform:none;color:var(--tit)}
.cv-prop ul{list-style:none;margin:8px 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}
.cv-prop li{display:flex;flex-direction:column;gap:1px;font-size:var(--t-apoio)}
.cv-de{font-weight:700;color:var(--tit);display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.cv-prop .fim{display:flex;gap:8px;flex-wrap:wrap}
.cv-ok{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--tit)}
.cv-sug{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;flex:none}
@container tela (max-width:699px){.cv-sug{flex-wrap:wrap;overflow:visible}}
.cv-s{flex:0 0 auto;border:1.5px solid var(--borda-agora);background:var(--cartao);color:var(--tit);border-radius:999px;padding:8px 12px;font-weight:600;font-size:var(--t-apoio);min-height:44px;white-space:nowrap}
.cv-esc{display:flex;gap:8px;padding:12px 12px 12px;border-top:1px solid var(--borda);flex:none}
.cv-esc input,.cv-entrada input{flex:1;min-width:0;min-height:48px;border-radius:14px;border:1.5px solid var(--borda);background:var(--bg1);color:var(--texto);padding:0 12px;font:inherit;font-size:var(--t-corpo)}
.cv-esc input::placeholder,.cv-entrada input::placeholder{color:var(--texto2);opacity:1}
.cv-mic{flex:none;width:48px;height:48px;border-radius:14px;border:1.5px solid var(--borda);background:var(--cartao);color:var(--tit);display:grid;place-items:center}
.cv-mic .ico,.cv-env .ico,.cv-entrada .ico{width:22px;height:22px;margin:0}
.cv-env,.cv-entrada .btn{flex:none;width:52px;min-height:48px;padding:0}
.cv-entrada{display:flex;gap:8px;width:100%}
.h3c-entrada{margin:-4px 0 16px}

/* ---------- Desempenho por módulo (B4) ---------- */
.an-des .an1-rot{font-size:var(--t-apoio)}
.zoom-cab .an1{align-self:center}
.pm-anel .an1-rot{font-size:var(--t-apoio)}
.md-topo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 12px;margin:8px 0 12px}
.md-topo h3 .s{font-size:var(--t-apoio);font-weight:600;margin-left:8px}
.md-fr[aria-pressed=true]{background:var(--tit);color:var(--cartao);border-color:transparent}
.md-cab,.md-l{display:grid;grid-template-columns:minmax(0,2.5fr) repeat(4,minmax(70px,.7fr)) minmax(130px,1.1fr);gap:12px;align-items:center}
.md-cab{padding:0 16px 8px 20px;font-size:var(--t-apoio);font-weight:700;letter-spacing:0;text-transform:none;color:var(--texto2)}
.md-lista{display:flex;flex-direction:column;gap:8px}
.md-l{width:100%;text-align:left;padding:12px 16px 12px 20px;border-radius:14px;border:1.5px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;cursor:pointer}
.md-l:hover{border-color:var(--borda-agora)}
.md-mod{display:flex;flex-direction:column;gap:2px;min-width:0}
.md-l1{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.md-l1 b{color:var(--tit);font-size:var(--t-corpo);white-space:nowrap}
.md-tit{font-size:var(--t-apoio);color:var(--texto2);line-height:1.3}
.md-n{display:flex;flex-direction:column;min-width:0}.md-n .num{font-size:var(--t-corpo);color:var(--tit)}.md-n small{display:none}
.md-pc{display:flex;flex-direction:column;gap:8px;min-width:0}.md-pc .num{font-size:var(--t-3)}
.md-pc .bac{position:relative;display:block;height:8px;border-radius:8px;background:var(--trilha);overflow:visible}
.md-pc .bac b{display:block;height:100%;border-radius:8px}.md-pc .bac b.bom{background:var(--bom)}.md-pc .bac b.atn{background:var(--atn)}.md-pc .bac b.frc{background:var(--frc)}
.md-pc .bac u{position:absolute;top:-4px;bottom:-4px;width:2.5px;background:var(--tit);border-radius:8px}
.md-nada{display:none}
.md-lista.so-fracos .md-l[data-fraco="0"]{display:none}
.md-lista.so-fracos:not(:has(.md-l[data-fraco="1"])) .md-nada{display:block}
.md-nota{margin-top:12px}
@container tela (max-width:699px){
  .md-cab{display:none}
  .md-l{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"mod mod mod pc" "a b c d";gap:8px 8px;padding:12px 12px 12px 12px}
  .md-mod{grid-area:mod}.md-pc{grid-area:pc;align-items:flex-end;text-align:right}.md-pc .bac{width:100%}
  .md-c1{grid-area:a}.md-c2{grid-area:b}.md-c3{grid-area:c}.md-c4{grid-area:d}
  .md-n{background:color-mix(in srgb,var(--trilha) 55%,transparent);border-radius:8px;padding:4px 8px}
  .md-n small{display:block;font-size:var(--t-apoio);color:var(--texto2);line-height:1.2}.md-n .num{font-size:var(--t-corpo)}
  .md-n .selo{font-size:var(--t-apoio);padding:0 4px;white-space:normal;line-height:1.2}
  .zoom-cab{justify-content:center}
}
.encaixe-aviso>.cresce{flex:1 1 260px;min-width:0}
@container tela (max-width:699px){.encaixe-aviso{font-size:var(--t-apoio);padding:12px 12px;gap:8px 12px}}
/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/hoje.mjs, export css) */

.h3-topo{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:24px}
.h3-alt{display:inline-flex;background:var(--trilha);border-radius:999px;padding:4px}
.h3-alt button{border:0;background:none;border-radius:999px;padding:8px 16px;font-weight:600;color:var(--texto);min-height:36px}
.h3-alt button.on{background:var(--cartao);color:var(--tit);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.h3-resumo{display:flex;gap:20px;padding:12px 16px;border-radius:14px}
.h3-resumo .num{font-size:var(--t-3)}
.h3-ativ h3{margin-bottom:12px}
.h3-lista{display:flex;flex-direction:column;gap:12px}
.mc{--tp:var(--revisao);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 16px 12px 20px;border-radius:14px;
  border:1.5px solid color-mix(in srgb,var(--tp) 38%,var(--cartao));background:linear-gradient(90deg,color-mix(in srgb,var(--tp) 14%,var(--cartao)),color-mix(in srgb,var(--tp) 7%,var(--cartao)));box-shadow:inset 6px 0 0 var(--m);color:var(--texto);min-height:68px}
.tm-estudo{--tp:var(--estudo)}.tm-questoes{--tp:var(--questoes)}.tm-revisao{--tp:var(--revisao)}
.mc.vez{border:2px solid var(--tp);box-shadow:inset 6px 0 0 var(--m),0 0 0 4px color-mix(in srgb,var(--tp) 20%,transparent)}
.mc:hover{border-color:var(--tp)}
.mc-esq{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:96px}
.pilc{--tp:var(--revisao);display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:var(--t-apoio);font-weight:700;letter-spacing:0;text-transform:none;background:var(--tp);color:var(--pilc-t)}
.pilc.tc-estudo{--tp:var(--estudo)}.pilc.tc-questoes{--tp:var(--questoes)}.pilc.tc-revisao{--tp:var(--revisao)}
.mc-mat{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-apoio);font-weight:600;color:var(--texto2);white-space:nowrap}
.mc-mat i{width:9px;height:9px;border-radius:50%;background:var(--m);flex:0 0 9px}
.mc-meio{display:flex;flex-direction:column;min-width:0}
.mc-t{font-family:var(--letra);font-size:var(--t-3);color:var(--tit);line-height:1.15}
.mc-u{font-size:var(--t-apoio);color:var(--texto2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-tempo{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--cartao);border:1px solid var(--borda);font-weight:700;font-size:var(--t-apoio);white-space:nowrap;color:var(--texto)}
.mc-seta{font-size:var(--t-2);color:var(--texto2)}
.mc-ex{display:none}.tela.com5 .mc-ex{display:grid}
.h3-amanha{width:100%;text-align:left;color:var(--texto);font:inherit;cursor:pointer;display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;border-radius:14px;border:1px dashed var(--borda);background:var(--cartao);min-width:0}
.h3-amanha .corta{flex:1}
.h3-am-acao{font-size:var(--t-apoio);font-weight:700;color:var(--tit);white-space:nowrap}
.h3-vez{--tp:var(--revisao)}
.h3-vez-n{display:flex;flex-wrap:wrap;gap:8px}
.h3-comecar{width:100%;min-height:54px;font-size:var(--t-corpo)}
.h3-coach{display:flex;flex-direction:column;gap:12px}.h3-coach-l{display:flex;align-items:flex-end;gap:12px}
.h3-coach .fala{box-shadow:none}
.h3-rm{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:8px}
.h3-rm .barra{height:8px}
.gcard .g-topo{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px}
.gcard .g-topo h3{flex:1}
.g-leg{display:flex;gap:12px;font-size:var(--t-apoio);color:var(--texto2)}
.g-leg i{display:inline-block;width:18px;height:0;border-top:3px solid var(--conta);margin-right:8px;vertical-align:middle}
.g-leg i.lg-t{border-top:2px dashed var(--texto2)}
.g-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 8px}
.g-n{display:flex;gap:12px;align-items:flex-start;min-width:0}
.g-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--conta-suave);color:var(--tit);font-size:var(--t-apoio);flex:0 0 30px}
.g-v{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.g-v .num{font-size:var(--t-2)}
.g-svg{margin-top:8px}
.gf{width:100%;height:auto;display:block}
.gf-grade{stroke:var(--borda);stroke-width:1}
.gf-t{font-size:var(--t-apoio);fill:var(--texto2)}.gf-forte{fill:var(--tit);font-weight:700}
.gf-linha{fill:none;stroke:var(--conta);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.gf-pt{fill:var(--cartao);stroke:var(--conta);stroke-width:2}
.gf-meta,.gf-plano{fill:none;stroke:var(--texto2);stroke-width:2;stroke-dasharray:6 6}
.gf-hoje{fill:var(--conta);stroke:var(--cartao);stroke-width:3;filter:drop-shadow(0 0 6px var(--halo))}
.gf-flag line,.gf-cume line{stroke:var(--texto2);stroke-width:1.5}
.gf-flag path{fill:var(--conta)}.gf-cume path{fill:var(--amarelo);filter:drop-shadow(0 0 5px rgba(246,194,26,.6))}
.g-rod{margin-top:12px;font-size:var(--t-apoio);color:var(--texto2)}
.hA3 .g1,.hB3 .g1,.hC3 .g1{display:grid;gap:24px}
.g1>*,.h3-baixo>*,.gs>*{min-width:0}
@container tela (min-width:700px){
  .hA3 .g1,.hB3 .g1,.hC3 .g1{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);align-items:start}
  .h3-baixo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
  .h3-baixo.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.h3-col{display:flex;flex-direction:column;gap:24px;min-width:0}
.h3-larga{margin-top:24px}
.hC3 .h3-coach-l{flex-direction:column;align-items:center}
.hC3 .h3-coach .fala{width:100%}
.hC3 .gs{display:grid;gap:24px;margin-top:24px}
@container tela (min-width:1000px){.hC3 .gs{grid-template-columns:1fr 1fr}}
@container tela (max-width:699px){
  .h3-topo,.h3-ativ>h3{display:none}
  .h3-larga,.h3-baixo,.gcard,.h3-vezes,.hC3 .gs,.g1>.h3-col:last-child{display:none!important}
  .hC3 .g1>.h3-col:first-child{display:flex!important}
  .mc{grid-template-columns:minmax(0,1fr) auto;padding:12px 12px 12px 16px}
  .mc-esq{flex-direction:row;align-items:center;min-width:0;grid-column:1/-1}
  .mc-seta{display:none}
}
/* gráfico dos 14 dias (2ª rodada, 12/11): uma linha do tempo só, por semana, base única */
.g14-topo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px}
.g14-leg{display:flex;gap:16px;font-size:var(--t-apoio);color:var(--texto2)}
.g14-leg i{display:inline-block;width:14px;height:14px;border-radius:8px;margin-right:8px;vertical-align:-2px}
.g14-leg .lg-fe{background:var(--conta)}.g14-leg .lg-pl{background:color-mix(in srgb,var(--conta) 30%,var(--cartao))}
.g14-corpo{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px}
.g14-nums{display:flex;flex-direction:column;justify-content:space-between;padding:40px 20px 64px 0;border-right:1px solid var(--borda)}
.g14-n{display:flex;flex-direction:column;gap:2px}
.g14-n .num{font-size:var(--t-grande);line-height:1.1;color:var(--tit)}.g14-n .num small{font-size:var(--t-corpo);font-weight:600;color:var(--texto2)}
.g14-n span{font-size:var(--t-apoio);color:var(--texto2)}
.g14-graf{min-width:0}
.g14-tl{position:relative;padding:0 100px 0 32px}
.g14-guia{position:absolute;left:34px;right:100px;height:0;border-top:1px solid color-mix(in srgb,var(--texto2) 22%,transparent);pointer-events:none}
.g14-gr{position:absolute;left:0;width:28px;text-align:right;font-size:var(--t-apoio);color:var(--texto2);line-height:18px}
.g14-sems{position:relative;display:flex;gap:16px}
.g14-sem{display:flex;flex-direction:column;min-width:0}
.g14-st{height:40px;display:flex;align-items:flex-end;justify-content:center;text-align:center;font-size:var(--t-apoio);font-weight:700;color:var(--texto2);line-height:1.2;padding-bottom:8px}
.g14-sem.atual .g14-st{color:var(--tit)}
.g14-dias{display:flex;gap:8px;border-bottom:2px solid color-mix(in srgb,var(--texto2) 45%,transparent)}
.g14 button.g14-c{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;border:0;background:none;padding:0;color:var(--texto);font:inherit;cursor:pointer}
.g14-area{position:relative;height:190px;display:block}
.g14-fe,.g14-pl,.g14-traco{position:absolute;left:0;right:0;bottom:0;border-radius:8px 8px 8px 8px;display:block}
.g14-fe{background:linear-gradient(180deg,color-mix(in srgb,var(--conta) 80%,#fff),var(--conta))}
.g14-pl{background:color-mix(in srgb,var(--conta) 30%,var(--cartao))}
.g14-traco{height:4px;border-radius:8px;background:color-mix(in srgb,var(--texto2) 55%,transparent)}
.g14-traco.sd{background:repeating-linear-gradient(90deg,var(--semdado) 0 3px,transparent 3px 6px)}
.g14-c.hj .g14-pl{box-shadow:0 0 0 2.5px var(--amarelo)}
.g14-h{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--t-apoio);font-weight:700;color:var(--tit);white-space:nowrap;display:none;font-variant-numeric:tabular-nums;line-height:16px}
.g14-c.fixo .g14-h,.g14-c.ver .g14-h{display:block}
.g14-c.ver .g14-fe,.g14-c.ver .g14-pl{filter:brightness(1.12);box-shadow:0 0 0 2px var(--tit)}
.g14-c.hj.ver .g14-pl{box-shadow:0 0 0 2.5px var(--amarelo)}
.g14-sep{position:absolute;left:-4px;top:0;bottom:0;width:0;border-left:1.5px solid color-mix(in srgb,var(--texto2) 60%,transparent)}
.g14-sf,.g14-sp{position:absolute;top:0;font-size:var(--t-apoio);font-weight:700;color:var(--texto2);line-height:16px}
.g14-sf{right:6px}.g14-sp{left:6px}
.g14-rt{display:flex;flex-direction:column;align-items:center;height:40px;padding-top:8px;line-height:1.2}
.g14-ds{font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
.g14-dm{font-size:var(--t-apoio);color:var(--texto2);min-height:16px}
.g14-c.hj .g14-ds{color:var(--tit);font-weight:700}.g14-c.hj .g14-dm{color:var(--tit)}
.g14-tot{margin-top:8px;text-align:center;font-size:var(--t-apoio);font-weight:700;color:var(--tit);line-height:1.25}
.g14-med{position:absolute;right:0;width:96px;height:0;pointer-events:none}
.g14-med i{position:absolute;left:0;top:-1px;width:14px;border-top:2px dashed var(--tit)}
.g14-med span{position:absolute;left:16px;top:-9px;font-size:var(--t-apoio);font-weight:700;color:var(--tit);white-space:nowrap;line-height:18px}
.g14-info{margin-top:12px;font-size:var(--t-apoio);color:var(--texto);min-height:21px}
.h3c-cab{display:flex;align-items:flex-end;gap:12px;padding-right:16px}
.h3-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.h3-n{display:flex;flex-direction:column;gap:8px;padding:16px 16px}
.h3-n .num{font-size:var(--t-1)}.h3-n .num .s{font-size:var(--t-apoio);font-weight:600}
.segs{display:flex;gap:3px}.segs i{flex:1;height:14px;border-radius:8px;background:var(--trilha)}.segs i.on{background:var(--conta)}
.h3-vez{border-radius:20px;padding:24px;background:linear-gradient(160deg,#16213F,#0B1022);color:#E8EEFB;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 44px rgba(0,0,0,.28);border:2px solid var(--tp)}
.h3-vez .rot{color:#B9C5DE}.h3-vez h2{color:#fff;font-size:var(--t-1)}
.h3-vez .pp-sub{color:#C9D3E8;font-size:var(--t-apoio)}.h3-vez .pp-and{color:#B9C5DE;font-size:var(--t-apoio)}
.h3-vez .pilc{--pilc-t:#0A0F1C}.h3-vez .pilc.tc-estudo{background:#FF9C92}.h3-vez .pilc.tc-revisao{background:#8DB4FF}.h3-vez .pilc.tc-questoes{background:#6CE0A0}
.pp-segs i{background:rgba(255,255,255,.14)}.pp-segs i.on{background:#fff}
.pp-atalhos{display:flex;flex-wrap:wrap;gap:8px}
.pp-atalhos button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 12px;font-weight:600;font-size:var(--t-apoio)}
@container tela (min-width:700px){.a-larga{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)!important}.b-larga{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)!important;align-items:start}}
@container tela (max-width:1099px){.h3-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.h3c-cab h1{font-size:var(--t-1)}
.h3c-fala{margin:12px 0 12px}
.h3c-missao{margin-bottom:16px}
.h3c-pe{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.h3c-dois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h3c-dois .num{display:block;font-size:var(--t-2)}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/entrada.mjs, export css) */

.ent{min-height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:32px 20px 48px;overflow:hidden;isolation:isolate}
.ent-meio{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:880px}
.en-marca{display:flex;align-items:center;gap:8px;font-family:var(--letra)}
.en-marca b{font-size:var(--t-3);color:var(--tit)}.en-marca span{font-size:var(--t-apoio);font-weight:700;letter-spacing:0;color:var(--texto2);margin-left:2px}
.ent-tit{font-size:var(--t-grande);text-align:center}
.en-frase{font-size:var(--t-2);transform:rotate(-2deg);margin-top:-8px;color:var(--tit)}
@container tela (max-width:699px){.ent-tit{font-size:var(--t-2)}.en-frase{font-size:var(--t-3)}}
.ent-duas{display:flex;justify-content:center;gap:48px;flex-wrap:nowrap;margin-top:8px}
@container tela (max-width:699px){.ent-duas{gap:8px}.ent .bon.t-xg{--h:200px}}
.ent-lado{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;padding:12px 12px 12px;border-radius:28px;transition:opacity .2s,transform .2s;color:inherit}
.ent-lado:hover .bon .pz{transform:translateY(-6px)}
.ent-lado:focus-visible{outline:3px solid var(--conta);outline-offset:4px}
.en-luz{position:absolute;left:50%;bottom:62px;width:270px;height:300px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--conta) 30%,transparent),transparent);pointer-events:none;z-index:0}
.ent-lado .bon{position:relative;z-index:1}
.ent-lado .palco{height:30%;width:150%}
.ent-lado .palco::before{content:"";position:absolute;inset:10% 4%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--conta) 60%,transparent),transparent);box-shadow:0 0 34px var(--halo);z-index:-1}
.ent-nome{font-family:var(--letra);font-weight:700;font-size:var(--t-2);color:var(--tit);position:relative;z-index:1}
.en-toque{font-size:var(--t-apoio);color:var(--texto2);position:relative;z-index:1}
.ent.escolheu .ent-lado:not(.sel){opacity:.35;transform:scale(.86)}
.ent.escolheu .ent-lado.sel{transform:scale(1.03)}
.ent.escolheu .en-toque,.ent.escolheu .en-frase{display:none}
.ent.escolheu .bon.t-xg{--h:200px}.ent.escolheu .en-luz{height:200px;bottom:50px}
.ent.escolheu{align-items:flex-start;padding-top:20px}
.ent-senha{width:min(390px,100%);text-align:center}
.ent-ola{font-size:var(--t-corpo);margin-bottom:12px}
.pin{display:flex;justify-content:center;gap:12px;margin-bottom:12px}
.pin i{width:40px;height:48px;border-radius:12px;border:2px solid var(--borda);background:var(--bg1)}
.tecl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tecl button{min-height:44px;border-radius:14px;border:1px solid var(--borda);background:var(--cartao);font-size:var(--t-3);font-weight:600;color:var(--texto)}
/* E1 — Hangar de luz (a melhor da 2ª, muito melhorada): sempre escuro */
.eH{--texto:#E8EEFB;--texto2:#B4C1DA;--tit:#F4F7FF;--cartao:#121B33;--borda:#2C3A5E;--bg1:#0A1022;background:radial-gradient(1100px 520px at 50% -10%,#1B2A55,#070B17 72%);color:var(--texto)}
.eH .feixes{position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 90px,rgba(140,180,255,.05) 90px 130px,transparent 130px 230px);-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%);z-index:0}
.eH .chao{position:absolute;left:-30%;right:-30%;bottom:0;height:44%;background:linear-gradient(90deg,rgba(141,180,255,.22) 1px,transparent 1px) 0 0/70px 100%,linear-gradient(0deg,rgba(141,180,255,.22) 1px,transparent 1px) 0 0/100% 34px;transform:perspective(420px) rotateX(58deg);transform-origin:bottom;-webkit-mask:linear-gradient(0deg,#000 25%,transparent);mask:linear-gradient(0deg,#000 25%,transparent);z-index:0}
.eH .meia{position:absolute;top:0;bottom:0;width:50%;opacity:.28;z-index:0}
.eH .meia.e{left:0;background:radial-gradient(520px 380px at 62% 72%,var(--cor-caio),transparent 70%)}
.eH .meia.d{right:0;background:radial-gradient(520px 380px at 38% 72%,var(--cor-atila),transparent 70%)}
.eH .ent-senha{background:rgba(18,27,51,.88);border-color:#2C3A5E}
/* E2 — Palco com holofotes */
.eP{background:radial-gradient(900px 600px at 50% 120%,color-mix(in srgb,var(--conta) 14%,var(--bg1)),var(--bg1) 70%)}
.tela[data-tema=escuro] .eP{background:radial-gradient(900px 600px at 50% 120%,#18213E,#060914 70%)}
.eP .holo{position:absolute;top:-6%;width:46%;height:92%;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(255,236,170,.30) 175deg,rgba(255,236,170,.36) 180deg,rgba(255,236,170,.30) 185deg,transparent 200deg);filter:blur(6px);z-index:0;pointer-events:none}
.tela[data-tema=claro] .eP .holo{background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(246,194,26,.20) 175deg,rgba(246,194,26,.26) 180deg,rgba(246,194,26,.20) 185deg,transparent 200deg)}
.eP .holo.e{left:4%}.eP .holo.d{right:4%}
.eP .tablado{position:absolute;left:8%;right:8%;bottom:9%;height:60px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--texto2) 22%,transparent),transparent);z-index:0}
.eP .cortina{position:absolute;top:0;bottom:0;width:9%;z-index:1;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--trilho) 92%,#000) 0 14px,color-mix(in srgb,var(--trilho) 70%,#000) 14px 28px);box-shadow:0 0 40px rgba(0,0,0,.4)}
.eP .cortina.e{left:0;border-radius:0 0 28px 0}.eP .cortina.d{right:0;border-radius:0 0 0 28px}
@container tela (max-width:699px){.eP .cortina{width:5%}}
/* E3 — Amanhecer em camadas */
.eA{background:linear-gradient(180deg,#FFD9B8 0%,#FFE9D6 30%,#EAF1FF 62%,var(--bg1))}
.tela[data-tema=escuro] .eA{background:linear-gradient(180deg,#0B1330 0%,#1B2650 40%,#2A2347 62%,var(--bg1))}
.eA svg.cam{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.eA .sol{fill:#F6C21A;filter:drop-shadow(0 0 30px rgba(246,194,26,.7))}
.eA .m1{fill:color-mix(in srgb,var(--conta) 22%,#C9D6EE)}.eA .m2{fill:color-mix(in srgb,var(--conta) 35%,#A9BBDD)}.eA .m3{fill:color-mix(in srgb,var(--conta) 18%,var(--bg1))}
.tela[data-tema=escuro] .eA .m1{fill:#1E2A52}.tela[data-tema=escuro] .eA .m2{fill:#16203F}.tela[data-tema=escuro] .eA .m3{fill:#0D1428}
.eA .estrela{fill:#fff;opacity:0}.tela[data-tema=escuro] .eA .estrela{opacity:.7}
.eA .ent-meio{background:color-mix(in srgb,var(--cartao) 55%,transparent);border:1px solid color-mix(in srgb,var(--cartao) 80%,transparent);border-radius:28px;padding:20px 20px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,.15)}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/ficha.mjs, export css) */

.cores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 8px}
.cor-b{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:8px 2px;border-radius:14px;color:var(--texto);font-size:var(--t-apoio);font-weight:600}
.cor-b i{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--sw2),var(--sw));box-shadow:0 2px 6px rgba(0,0,0,.2);display:block}
.cor-b[aria-checked=true] i{outline:3px solid var(--tit);outline-offset:3px;box-shadow:0 0 14px var(--sw2)}
.cor-b[aria-checked=true] span{color:var(--tit);font-weight:700}
.cor-aviso{min-height:20px;margin:4px 0 8px}
.filtros .f[aria-pressed=true]{background:var(--tit);color:var(--cartao);border-color:transparent}
.tela[data-tema=escuro] .filtros .f[aria-pressed=true]{background:var(--conta);color:#0A0F1C}
.grupo h3{margin-bottom:8px}
.grupo .op{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--borda);flex-wrap:wrap}
.grupo .op:last-child{border-bottom:0}
.amostra{display:flex;border-radius:20px;overflow:hidden;border:1px solid var(--borda);background:var(--bg1);min-height:200px}
.am-tr{width:44px;background:var(--trilho);display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}
.am-tr i{width:20px;height:20px;border-radius:8px;background:color-mix(in srgb,var(--trilho-t) 30%,transparent)}
.am-tr i.on{background:var(--tr-ativo)}
.am-corpo{flex:1;display:flex;align-items:flex-end;gap:12px;padding:16px;min-width:0}
.am-agora{flex:1;min-width:0;background:var(--cartao);border:2px solid var(--borda-agora);border-radius:14px;padding:12px;box-shadow:0 0 0 5px var(--halo);display:flex;flex-direction:column;gap:8px}
.am-agora b{font-family:var(--letra);color:var(--tit);font-size:var(--t-corpo)}
.am-pils{display:flex;flex-wrap:wrap;gap:8px}
.amostra.g{min-height:300px}.amostra.g .am-tr{width:64px}
.fA .corpo{display:grid;gap:24px}
@container tela (min-width:1000px){.fA .corpo{grid-template-columns:240px minmax(0,1fr)}}
.fA .nav-g{display:flex;flex-direction:column;gap:8px}
.fA .nav-g span{padding:12px 12px;border-radius:12px;font-weight:600}
.fA .nav-g span.on{background:var(--trilha);color:var(--tit)}
@container tela (max-width:999px){.fA .nav-g{display:none}}
.fA .apar{display:grid;gap:20px}
@container tela (min-width:700px){.fA .apar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.fA .dir{display:grid;gap:20px}
.fB .prov{display:grid;gap:24px;margin-bottom:24px}
.fB .prov>*,.fB .grupos>*,.fC .grupos>*,.fA .apar>*{min-width:0}
@container tela (max-width:699px){.amostra .bon{--h:110px}.am-agora .btn{white-space:normal}}
@container tela (min-width:1000px){.fB .prov{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.fB .grupos{display:grid;gap:20px}
@container tela (min-width:1000px){.fB .grupos{grid-template-columns:1fr 1fr}}
.fB .escolha h3{margin:4px 0 8px}
.fC .roda{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0 24px}
.fC .roda .cores{grid-template-columns:repeat(8,minmax(0,1fr));width:min(720px,100%)}
@container tela (max-width:699px){.fC .roda .cores{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fC .grupos{display:grid;gap:20px}
@container tela (min-width:1000px){.fC .grupos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/planejamento.mjs, export css) */

.plan .comeco{margin-bottom:20px}
.plan .com-l{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.plan .com-d{border:1px solid var(--borda);background:var(--cartao);border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;min-width:0}
.plan .com-d b{font-size:var(--t-corpo);color:var(--tit);display:inline}
.plan .com-d span{font-weight:700}
.mt{border-radius:14px;padding:12px 12px;border:1px solid var(--borda);border-left-width:6px;border-left-color:var(--m);display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;cursor:grab}
.mt-l{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.mt-min{font-size:var(--t-apoio);font-weight:700;color:var(--texto2);white-space:nowrap}
.mt-t{font-size:var(--t-apoio);color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-mover{align-self:flex-start;margin-top:4px}
.mt.erguida{outline:3px solid var(--conta);box-shadow:0 14px 30px rgba(0,0,0,.25);transform:translateY(-4px);z-index:2}
.mt.chegou{animation:surgir .3s ease-out 1}
.dia-metas{display:flex;flex-direction:column;gap:12px;min-height:20px}
.dia-metas:not(.aberto)>.mt:nth-child(n+6){display:none}
.mais{display:none;border:1px dashed var(--borda);background:none;border-radius:12px;padding:8px 12px;font-weight:700;color:var(--texto2);min-height:36px}
.dia.tem-mais .mais{display:inline-block}
.dia-est{font-size:var(--t-apoio);font-weight:700;color:var(--texto2);white-space:nowrap}.dia-est b{color:var(--tit);margin-right:4px}
.dia.mexido .dia-est::after{content:" · remarcado";color:var(--tit)}
.carga-l{display:flex;flex-direction:column;gap:8px;min-width:0}
.carga{font-size:var(--t-apoio);font-weight:700;color:var(--texto)}
.carga-b{height:10px;border-radius:8px;background:var(--trilha);overflow:hidden}
.carga-b b{display:block;height:100%;background:var(--conta);border-radius:8px}
.dia.cheio .carga-b b{background:var(--atn)}.dia.passou .carga-b b{background:var(--frc)}
.dia.passou .carga::after{content:" · passou do tempo";color:var(--tit)}
.porque{font-size:var(--t-apoio);color:var(--texto2)}.porque b{color:var(--texto)}
.dev .dia-metas:empty+.dev-vazio{display:block}.dev-vazio{display:none}
.dia.alvo-ok{outline:3px solid var(--bom);outline-offset:2px}
.dia.sobre{outline:3px dashed var(--conta);outline-offset:2px}
/* A — semana em faixas */
.encaixe-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;border:2px solid var(--borda-agora)}
.encaixe-aviso[hidden]{display:none}
.pA .dev{margin-bottom:24px;padding:20px;border-radius:20px;border:2px dashed var(--borda);background:var(--cartao)}
.pA .dev .dia-metas{flex-direction:row;flex-wrap:wrap}
.pA .dev .mt{flex:1 1 280px}
.pA .faixas{display:flex;flex-direction:column;gap:16px}
.pA .dia{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 20px}
@container tela (min-width:700px){.pA .dia{grid-template-columns:230px minmax(0,1fr);gap:24px}}
.pA .dia-esq{display:flex;flex-direction:column;gap:8px;min-width:0}
.pA .dia-esq h3{font-size:var(--t-corpo)}.pA .dia-esq h3::first-letter{text-transform:none}
.pA .dia .dia-metas{display:grid;grid-template-columns:1fr;gap:12px}
.pA .dia-2,.sem-cab,.dc,.mt-c,.cmp-dica,.reenc-t{display:none}
.pA .dev:not(:has(.mt)){display:none}
.mt.reenc .reenc-t{display:inline-block;font-size:var(--t-apoio);font-weight:700;color:var(--tit);border:1px dashed var(--borda-agora);border-radius:8px;padding:0 8px}
.vista-sel{display:inline-flex;background:var(--trilha);border-radius:999px;padding:4px;align-self:center}
.vista-sel button{border:0;background:none;border-radius:999px;padding:8px 16px;font-weight:700;color:var(--texto);min-height:40px}
.vista-sel button[aria-pressed=true]{background:var(--cartao);color:var(--tit);box-shadow:0 2px 6px rgba(0,0,0,.14)}
.enc-ex{margin-left:4px}
@container tela (max-width:699px){
  .pA[data-vista=compacta] .comeco,.pA[data-vista=compacta] .dia-esq,.pA[data-vista=compacta] .mais,.pA[data-vista=compacta] .mt-l,.pA[data-vista=compacta] .mt-t,.pA[data-vista=compacta] .mt-mover,.pA[data-vista=compacta] .frase-alto,.pA[data-vista=compacta] .dev>p{display:none}
  .pA[data-vista=compacta] .faixas{gap:8px}
  .pA[data-vista=compacta] .dia-2{display:grid}
  .pA[data-vista=compacta] .sem-cab{display:block;font-size:var(--t-apoio);margin:12px 2px 2px}.pA[data-vista=compacta] .sem-cab:first-child{margin-top:0}
  .pA[data-vista=compacta] .dia{grid-template-columns:58px minmax(0,1fr);gap:8px;padding:8px 8px 8px 12px;border-radius:14px;min-height:58px;align-items:center}
  .pA[data-vista=compacta] .dc{display:flex;flex-direction:column;line-height:1.2;min-width:0}
  .dc-n{font-size:var(--t-apoio);color:var(--tit);white-space:nowrap}.dc-h{font-size:var(--t-apoio);font-weight:700;color:var(--texto2);white-space:nowrap}
  .pA[data-vista=compacta] .dia.dia-hoje{outline:2.5px solid var(--borda-agora);outline-offset:0;background:var(--conta-suave)}
  .pA[data-vista=compacta] .dia.passou .dc-h{color:var(--tit)}
  .pA[data-vista=compacta] .dia .dia-metas,.pA[data-vista=compacta] .dev .dia-metas{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;min-height:40px}
  .pA[data-vista=compacta] .dia-metas:not(.aberto)>.mt:nth-child(n+6){display:flex}
  .pA[data-vista=compacta] .mt{--tpc:var(--revisao);flex:0 0 auto;flex-direction:row;align-items:center;gap:8px;padding:0 12px;min-height:40px;border-radius:8px;border:2px solid var(--tpc);border-left-width:2px;background:color-mix(in srgb,var(--m) 22%,var(--cartao));cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
  .pA[data-vista=compacta] .mt.t-estudo{--tpc:var(--estudo)}.pA[data-vista=compacta] .mt.t-questoes{--tpc:var(--questoes)}
  .pA[data-vista=compacta] .mt-c{display:flex;gap:8px;align-items:baseline;white-space:nowrap}
  .mt-c b{font-size:var(--t-apoio);color:var(--tit)}.mt-c span{font-size:var(--t-apoio);font-weight:700;color:var(--texto)}
  .pA[data-vista=compacta] .mt.reenc{border-style:dashed}.pA[data-vista=compacta] .mt.reenc .reenc-t{display:none}
  .pA[data-vista=compacta] .mt.arrastando{opacity:.35}
  .pA[data-vista=compacta] .cmp-dica{display:block;margin-top:12px;font-size:var(--t-apoio);color:var(--texto2)}
  .pA[data-vista=compacta] .dev{padding:12px;margin-bottom:12px}
}
.fantasma{position:absolute;z-index:40;pointer-events:none;transform:translate(-50%,-70%) scale(1.08);box-shadow:0 14px 30px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px;padding:0 12px;min-height:40px;border-radius:8px;border:2px solid var(--conta);background:var(--cartao);white-space:nowrap}
.fantasma .mt-l,.fantasma .mt-t,.fantasma .mt-mover,.fantasma .reenc-t{display:none!important}.fantasma .mt-c{display:flex!important;gap:8px}
.folha-cmp .cmp-dias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.folha-cmp .cmp-d{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 12px;border-radius:14px;border:1.5px solid var(--borda);background:var(--cartao);color:var(--texto);min-height:56px;text-align:left}
.folha-cmp .cmp-d b{color:var(--tit)}.folha-cmp .cmp-d small{font-size:var(--t-apoio)}
.folha-cmp .cmp-d.cabe{border-color:var(--bom)}.folha-cmp .cmp-d.nao-cabe small{color:var(--tit)}
.folha-cmp .cmp-d[aria-current=true]{opacity:.55}

@container tela (min-width:1000px){.pA .dia .dia-metas{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* B — dia em foco + régua */
.pB .regua{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:24px}
.pB .ladr{border:2px solid var(--borda);background:var(--cartao);border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center;color:var(--texto)}
.pB .ladr b{font-size:var(--t-apoio);color:var(--tit)}.pB .ladr .s{font-size:var(--t-apoio)}
.pB .ladr .carga-b{width:100%;height:8px}
.pB .ladr.sel{border-color:var(--borda-agora);box-shadow:0 0 0 4px var(--halo)}
.pB .ladr .cabe-t{font-size:var(--t-apoio);font-weight:700;display:none}
.pB.movendo .ladr .cabe-t{display:block}
.pB.movendo .ladr.cabe{border-color:var(--bom)}.pB.movendo .ladr.nao-cabe{opacity:.55}
@container tela (max-width:699px){.pB .regua{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pB .dia{display:none}.pB .dia.sel{display:block}
.pB .dia .dia-metas{gap:12px}
.pB .dia .mt{padding:16px 16px}.pB .dia .mt-t{white-space:normal}
.pB .dia-cab{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:12px}
.pB .dia-cab h2::first-letter{text-transform:none}
.pB .movendo-aviso{display:none;margin-bottom:16px}
.pB.movendo .movendo-aviso{display:flex}
.pB .bandeja{position:sticky;bottom:0;margin-top:24px;z-index:4}
.pB .bandeja .dev{border-radius:20px;padding:16px 16px;background:var(--vidro);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--borda)}
.pB .bandeja .dev:not(.aberta) .dia-metas,.pB .bandeja .dev:not(.aberta) p{display:none}
.pB .mudou{margin-bottom:20px}
/* C — quadro de capacidade */
.pC .veredito{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}
.pC .ver-v{font-family:var(--letra);font-weight:700;font-size:var(--t-3);color:var(--tit)}
.pC .corpo{display:grid;gap:20px}
@container tela (min-width:1000px){.pC .corpo{grid-template-columns:250px minmax(0,1fr)}}
.pC .dev{padding:16px;border-radius:20px;border:2px dashed var(--borda);background:var(--cartao);align-self:start}
.pC .tanques{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:start}
.pC .dia{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;background:none;border:0}
.pC .tq-cab{text-align:center;min-width:0}.pC .tq-cab b{display:block;color:var(--tit);font-size:var(--t-apoio)}.pC .tq-cab b::first-letter{text-transform:none}
.pC .tanque{position:relative;border:2px solid var(--borda);border-radius:14px;background:var(--cartao);height:calc(var(--cap)*1.2px + 14px);padding:8px;display:flex;flex-direction:column-reverse;gap:4px;overflow:visible}
.pC .tanque .dia-metas{flex-direction:column-reverse;gap:4px}
.pC .tanque .mt{height:calc(var(--min)*1.2px - 4px);min-height:30px;padding:4px 8px;border-radius:8px;gap:0;overflow:hidden;justify-content:center}
.pC .tanque .mt .mt-t,.pC .tanque .mt .mt-mover,.pC .tanque .mt .pil{display:none}
.pC .tanque .mt .mt-l{flex-wrap:nowrap;gap:4px}.pC .tanque .mt .cresce{display:none}
.pC .tanque .mt .mtag{font-size:var(--t-apoio);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pC .tanque .mt .mt-min{font-size:var(--t-apoio)}
.pC .dia.passou .tanque{border-color:var(--frc);background:linear-gradient(var(--cartao),var(--cartao)) padding-box,repeating-linear-gradient(45deg,var(--frc) 0 6px,transparent 6px 12px) border-box}
.pC .passou-t{font-size:var(--t-apoio);font-weight:700;color:var(--tit);text-align:center;min-height:18px}
.pC .dia.alvo-ok .tanque{border-color:var(--bom);box-shadow:0 0 0 4px color-mix(in srgb,var(--bom) 30%,transparent)}
.pC .dia-metas:not(.aberto)>.mt:nth-child(n+6){display:flex}
.pC .tq-porque{font-size:var(--t-apoio);color:var(--texto2)}
@container tela (max-width:699px){
  .pC .tanques{grid-template-columns:1fr;gap:12px}
  .pC .dia{border:1px solid var(--borda);border-radius:20px;padding:12px;background:var(--cartao)}
  .pC .tanque{height:auto;border:0;padding:0;background:none;flex-direction:column}
  .pC .tanque .dia-metas{flex-direction:column}
  .pC .tanque .mt{height:auto;padding:12px 12px}
  .pC .tanque .mt .mt-t,.pC .tanque .mt .mt-mover,.pC .tanque .mt .pil{display:flex}
  .pC .tq-cab{text-align:left}
}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/revisao.mjs, export css) */

.rv3-prox{margin-bottom:24px;border:2px solid var(--tp);background:linear-gradient(90deg,color-mix(in srgb,var(--tp) 12%,var(--cartao)),var(--cartao))}
.rv3-prox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center}
.rp-txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.rp-l1{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.rp-sig{font-family:var(--letra);font-size:var(--t-corpo);color:var(--tit);white-space:nowrap}
.rp-tit{font-size:var(--t-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;word-break:normal;hyphens:none}
.rp-tags{display:flex;flex-wrap:wrap;gap:8px}
.rp-bt{min-width:180px;min-height:52px}
@container tela (max-width:699px){.rv3-prox{grid-template-columns:1fr}.rp-tit{font-size:var(--t-3)}.rp-bt{width:100%}}
.rv3-faixas{display:flex;flex-direction:column;gap:16px}
.rv3-faixa{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 20px}
@container tela (min-width:1000px){.rv3-faixa{grid-template-columns:190px minmax(0,1fr);gap:20px}}
.rv3-fx-esq{display:flex;flex-direction:column;gap:2px}
.rv3-fx-esq .num{font-size:var(--t-1);margin-top:4px}
.rv3-linhas{display:flex;flex-direction:column;gap:8px;min-width:0}
.rv3-cab,.rv3{display:grid;grid-template-columns:130px minmax(0,1.6fr) 104px 90px minmax(0,1.3fr) 104px 14px;gap:12px;align-items:center}
.rv3-cab{font-size:var(--t-apoio);font-weight:700;letter-spacing:0;text-transform:none;color:var(--texto2);padding:0 12px 0 20px}
.rv3{--tp:var(--revisao);width:100%;text-align:left;padding:12px 12px 12px 20px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--tp) 30%,var(--cartao));background:color-mix(in srgb,var(--tp) 8%,var(--cartao));box-shadow:inset 6px 0 0 var(--m);color:var(--texto);min-height:58px}
.rv3:hover{border-color:var(--tp)}
.rv3-mat{display:flex;align-items:center;gap:8px;font-size:var(--t-apoio);font-weight:600;min-width:0}
.rv3-mat i{width:10px;height:10px;border-radius:50%;background:var(--m);flex:0 0 10px}
.rv3-mod{display:flex;flex-direction:column;min-width:0}.rv3-mod b{color:var(--tit);white-space:nowrap}
.rv3-cai,.rv3-ac,.rv3-regra{display:flex;flex-direction:column;min-width:0}
.rv3-ac .num{font-size:var(--t-corpo)}.rv3-ac .num.baixo::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--frc);margin-left:4px;vertical-align:middle}
.rv3 small{font-size:var(--t-apoio);color:var(--texto2)}
.rv3-regra b{font-size:var(--t-apoio)}
.rv3-q{font-size:var(--t-apoio);font-weight:700}
@container tela (max-width:999px){
  .rv3-cab{display:none}
  .rv3{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .rv3-mat{grid-column:1}.rv3-q{grid-column:2;grid-row:1;text-align:right}
  .rv3-mod{grid-column:1/-1}.rv3-cai{grid-column:1;flex-direction:row;gap:8px;align-items:center}.rv3-ac{grid-column:2;grid-row:3;flex-direction:row;gap:8px;align-items:baseline;justify-content:flex-end}
  .rv3-regra{grid-column:1/-1}.rv3 .mc-seta{display:none}
  .rv3-mod .corta{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .rv3-regra small{white-space:normal}
}
.rv3-mfx .rv3-fx-esq .mc-mat{font-size:var(--t-apoio);color:var(--tit)}
.rv3-filtros{margin:0 0 16px}
.rv3-unica .rv3[hidden]{display:none}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/desempenho.mjs, export css) */

.est-abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.est-abas button{border:1px solid var(--borda);background:color-mix(in srgb,var(--cartao) 70%,transparent);color:var(--texto);border-radius:999px;padding:8px 16px;font-weight:600;min-height:40px}
.est-abas button[aria-selected=true]{background:var(--tit);color:var(--cartao);border-color:transparent}
.tela[data-tema=escuro] .est-abas button[aria-selected=true]{background:#E8EEFB;color:#0A0F1C}
.est-filtro{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;border-radius:20px;margin-bottom:20px}
.seg{display:inline-flex;background:var(--trilha);border-radius:999px;padding:4px}
.seg button{border:0;background:none;border-radius:999px;padding:8px 12px;font-weight:600;color:var(--texto);min-height:36px}
.seg button[aria-pressed=true]{background:var(--cartao);color:var(--tit);box-shadow:0 2px 6px rgba(0,0,0,.15)}
.est-filtro .cresce{min-width:10px}
.est-sel{font-size:var(--t-apoio);color:var(--texto2)}
.est-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
@container tela (min-width:1000px){.est-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.est-4 .cartao{display:flex;flex-direction:column;gap:8px;min-width:0}
.est-4 .num{font-size:var(--t-1)}
.est-2{display:grid;gap:20px}
@container tela (min-width:1000px){.est-2{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}
.apm{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.apm li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 12px;border-radius:14px;background:color-mix(in srgb,var(--trilha) 55%,transparent)}
.apm li .barra{grid-column:1/-1;height:6px}
.apm b{color:var(--tit)}
.est-barras{display:flex;align-items:flex-end;gap:4px;height:150px;margin-top:12px}
.est-barras i{flex:1;background:var(--conta);border-radius:8px 8px 8px 8px;min-height:2px;opacity:.9}
.est-barras i.zero{background:var(--trilha)}
.est-eixo{display:flex;justify-content:space-between;font-size:var(--t-apoio);color:var(--texto2);margin-top:4px}
.zoom-cab{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px}
.zoom-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.zm{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer;padding:12px 12px;font:inherit;color:var(--texto)}
.zm b{color:var(--tit)}.zm small{font-size:var(--t-apoio)}
.semq{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.semq button{border:1px dashed var(--borda);background:var(--cartao);border-radius:8px;padding:8px 12px;font-size:var(--t-apoio);color:var(--texto)}
.des-mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.mat-i{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer;color:var(--texto);font:inherit}
.mat-i .barra{width:100%;height:8px}
.gauge .g-fundo{stroke:var(--trilha)}.gauge .g-arco{filter:drop-shadow(0 0 5px var(--halo))}
.gauge .g-num{fill:var(--tit);font-family:var(--letra);font-weight:700}.gauge .g-sub{fill:var(--texto2)}.gauge .g-meta{stroke:var(--texto);stroke-width:2.5}
.n4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px}
.n4>div{border:1px solid var(--borda);border-radius:14px;padding:12px 12px;background:var(--cartao);min-width:0}
.n4 .num{font-size:var(--t-3)}.n4 small{display:block}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/mapa.mjs, export css) */

.rumo{width:100%;height:auto;display:block}
.rumo .r-grade{stroke:var(--borda)}
.rumo .r-t{font-size:var(--t-apoio);fill:var(--texto2)}.rumo .r-forte{fill:var(--tit);font-weight:700;font-size:var(--t-apoio)}
.rumo .r-linha{stroke:var(--conta);stroke-width:3;stroke-dasharray:7 6}
.rumo .r-hoje{fill:var(--amarelo);stroke:var(--tit);stroke-width:2;filter:drop-shadow(0 0 6px rgba(246,194,26,.7))}
.estradas{display:grid;gap:16px;margin-top:20px}
@container tela (min-width:700px){.estradas{grid-template-columns:1fr 1fr}}
.estrada{display:flex;align-items:center;margin:12px 0 8px;overflow:hidden}
.estrada .seg{flex:1;height:5px;background:var(--m);opacity:.4;min-width:6px}
.estrada .pa{width:20px;height:20px;border-radius:50%;border:3px solid var(--m);background:var(--cartao);flex:0 0 20px}
.estrada .pa.ok{background:var(--amarelo);border-color:#C99A00;box-shadow:0 0 8px rgba(246,194,26,.6)}
.estrada .pa.and{background:repeating-linear-gradient(45deg,var(--m) 0 2px,var(--cartao) 2px 4px)}
.mM1 .corpo,.mM2 .corpo,.mM3 .corpo{display:grid;gap:24px}
@container tela (min-width:1000px){.mM1 .corpo{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.mM3 .corpo{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}
.plc{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.plc li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
.plc .pb{grid-column:1/-1;height:12px;border-radius:8px;background:var(--trilha);position:relative;overflow:hidden}
.plc .pb b{position:absolute;left:0;top:0;bottom:0;background:var(--m);border-radius:8px}
.plc li.jogo .pb{box-shadow:0 0 0 2px color-mix(in srgb,var(--m) 40%,transparent),0 0 12px color-mix(in srgb,var(--m) 45%,transparent)}
.plc .pf{font-size:var(--t-apoio);color:var(--texto2);text-align:right}
.n4m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
@container tela (min-width:1000px){.n4m{grid-template-columns:repeat(4,minmax(0,1fr))}}
.n4m .num{font-size:var(--t-1);margin:8px 0 2px}
.faixa-p{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.faixa-p .fp{flex:1;min-width:220px;height:16px;border-radius:8px;background:var(--trilha);position:relative}
.faixa-p .fp b{position:absolute;top:0;bottom:0;border-radius:8px;background:var(--conta)}
.faixa-p .fp i{position:absolute;top:0;bottom:0;border-radius:8px;background:repeating-linear-gradient(45deg,var(--conta) 0 4px,transparent 4px 8px);opacity:.6}
.paradas-svg{width:100%;height:auto;display:block}
.paradas-svg .ps-cam{fill:none;stroke:var(--trilha);stroke-width:16;stroke-linecap:round}
.paradas-svg .ps-feito{fill:none;stroke:var(--conta);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--halo))}
.paradas-svg .ps-prev{fill:none;stroke:var(--conta);stroke-width:3;stroke-dasharray:6 7;opacity:.85}
.paradas-svg .ps-pt{stroke:var(--cartao);stroke-width:3}
.paradas-svg .ps-t{font-size:var(--t-apoio);fill:var(--texto);font-weight:600}.paradas-svg .ps-d{font-size:var(--t-apoio);fill:var(--texto2)}
.paradas-svg .ps-placa{fill:var(--tit)}.paradas-svg .ps-placa-t{fill:var(--cartao);font-size:var(--t-apoio);font-weight:700}
.paradas-l{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
.paradas-l li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--borda)}
.paradas-l li i{width:14px;height:14px;border-radius:50%;background:var(--m);display:block}
.prox-p{border:2px solid var(--borda-agora);box-shadow:0 0 0 5px var(--halo)}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/materia.mjs, export css) */

.sig-g{width:60px;height:60px;border-radius:20px;background:var(--m);color:#fff;display:grid;place-items:center;font-family:var(--letra);font-weight:700;font-size:var(--t-apoio);text-align:center;line-height:1.1;padding:4px}
.mat .quatro{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}
.mat .quatro .num{font-size:var(--t-2)}
@container tela (min-width:700px){.mat .quatro{grid-template-columns:repeat(4,1fr)}.mat .corpo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}}
@container tela (max-width:699px){.mat .corpo>*+*{margin-top:20px}}
.mat .mod{padding:12px 0;border-bottom:1px solid var(--borda)}
.mat .mods:not(.todos) .mod[data-extra]{display:none}
.mat details.mod summary{list-style:none;cursor:pointer}
.mat details.mod summary::-webkit-details-marker{display:none}
.mat details.mod[open]{background:color-mix(in srgb,var(--conta) 5%,transparent);border-radius:14px;padding:12px;margin:8px -12px}
.md-n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
@container tela (min-width:1000px){.md-n{grid-template-columns:repeat(4,minmax(0,1fr))}}
.md-n>div{border:1px solid var(--borda);border-radius:12px;padding:8px 12px;background:var(--cartao);display:flex;flex-direction:column;min-width:0}
.md-n b{color:var(--tit)}
.mB-com{display:flex;align-items:flex-end;gap:16px;margin:4px 0 20px}
.mB-com .fala{max-width:520px;margin-bottom:32px}
@container tela (max-width:699px){.mB-com .bon{--h:120px}.mB-com .fala{margin-bottom:12px}}
.mt-chat{margin-bottom:20px}.mt-msgs{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.mt-msg{max-width:640px;padding:12px 12px;border-radius:14px;font-size:var(--t-apoio)}.mt-msg.eu{align-self:flex-end;background:var(--conta-suave);color:var(--texto)}.mt-msg.ele{background:var(--cartao);border:1px solid var(--borda)}
.mod-b{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--borda);color:inherit;cursor:pointer}.mod-b:hover .corta{text-decoration:underline}
.mC-prox{position:sticky;top:0;z-index:6;margin:0 0 20px}
.mC-prox .cartao{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/questoes.mjs, export css) */

.fx-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
@container tela (max-width:699px){.fx-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}}
.fx-nav button{flex:0 0 auto;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);border-radius:999px;padding:8px 12px;font-weight:600;font-size:var(--t-apoio);min-height:38px;white-space:nowrap}
.fx-nav button[aria-current=true]{background:var(--tr-ativo);color:var(--tr-ativo-t);border-color:transparent}
.fx-tt{display:flex;flex-wrap:wrap;align-items:center;gap:12px 12px;margin-bottom:8px}
.fx-fr{margin-bottom:16px;max-width:760px}
.fx-rod{margin-top:20px;font-size:var(--t-apoio);color:var(--texto2);border-top:1px dashed var(--borda);padding-top:12px}
.fx-g2{display:grid;gap:16px}.fx-g4{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@container tela (min-width:700px){.fx-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fx-g2>*,.fx-g4>*{min-width:0}
.fx-porta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;cursor:pointer;color:var(--texto);font:inherit}
.fx-porta b{font-size:var(--t-corpo);color:var(--tit)}
.fx-prox{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:16px}
.fx-res{border-style:dashed;margin-top:16px}
.fx-linhas{display:flex;flex-direction:column;gap:8px;margin:8px 0}.fx-linhas i{display:block;height:12px;border-radius:8px;background:var(--trilha)}
.fx-q{display:flex;flex-direction:column;gap:12px}
.fx-alt{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:14px;border:1.5px solid var(--borda);background:var(--cartao)}
.fx-alt b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--trilha);color:var(--tit);flex:0 0 28px}
.fx-chips{display:flex;flex-wrap:wrap;gap:8px}.fx-chips span{border:1px solid var(--borda);border-radius:999px;padding:8px 12px;font-size:var(--t-apoio);font-weight:600;background:var(--cartao)}
.fx-mats{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.fx-mats li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 12px;border-radius:12px;background:color-mix(in srgb,var(--trilha) 55%,transparent)}
.fx-mats li small{white-space:nowrap}

/* copiado da prévia aprovada (app-estudo-previa 37c98bd, gerador/vfinal/moldes/universo.mjs, export css) */

.uv-porta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px}
.uv-porta h2{font-size:var(--t-1)}
.uv-porta p{max-width:620px;font-size:var(--t-corpo)}
.uv-entrar{font-size:var(--t-corpo);min-height:56px;padding:12px 24px}
.uv-msg{font-size:var(--t-apoio);color:var(--texto2);min-height:20px}
.uv-nums{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
@container tela (min-width:700px){.uv-nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
.uv-nums .cartao{display:flex;flex-direction:column;gap:8px;min-width:0}.uv-nums .num{font-size:var(--t-1)}
.pz.bc-caio.p01{background-image:url(/personagens/poses/caio/01.webp)}
.pz.bc-caio.p02{background-image:url(/personagens/poses/caio/02.webp)}
.pz.bc-caio.p03{background-image:url(/personagens/poses/caio/03.webp)}
.pz.bc-caio.p04{background-image:url(/personagens/poses/caio/04.webp)}
.pz.bc-caio.p05{background-image:url(/personagens/poses/caio/05.webp)}
.pz.bc-caio.p06{background-image:url(/personagens/poses/caio/06.webp)}
.pz.bc-caio.p07{background-image:url(/personagens/poses/caio/07.webp)}
.pz.bc-caio.p08{background-image:url(/personagens/poses/caio/08.webp)}
.pz.bc-caio.p09{background-image:url(/personagens/poses/caio/09.webp)}
.pz.bc-caio.p10{background-image:url(/personagens/poses/caio/10.webp)}
.pz.bc-caio.p11{background-image:url(/personagens/poses/caio/11.webp)}
.pz.bc-caio.p12{background-image:url(/personagens/poses/caio/12.webp)}
.pz.bc-caio.pvc{background-image:url(/personagens/poses/caio/vc.webp)}
.pz.bc-caio.pvf{background-image:url(/personagens/poses/caio/vf.webp)}
.pz.bc-caio.pvl{background-image:url(/personagens/poses/caio/vl.webp)}
.pz.bc-atila.p01{background-image:url(/personagens/poses/atila/01.webp)}
.pz.bc-atila.p02{background-image:url(/personagens/poses/atila/02.webp)}
.pz.bc-atila.p03{background-image:url(/personagens/poses/atila/03.webp)}
.pz.bc-atila.p04{background-image:url(/personagens/poses/atila/04.webp)}
.pz.bc-atila.p05{background-image:url(/personagens/poses/atila/05.webp)}
.pz.bc-atila.p06{background-image:url(/personagens/poses/atila/06.webp)}
.pz.bc-atila.p07{background-image:url(/personagens/poses/atila/07.webp)}
.pz.bc-atila.p08{background-image:url(/personagens/poses/atila/08.webp)}
.pz.bc-atila.p09{background-image:url(/personagens/poses/atila/09.webp)}
.pz.bc-atila.p10{background-image:url(/personagens/poses/atila/10.webp)}
.pz.bc-atila.p11{background-image:url(/personagens/poses/atila/11.webp)}
.pz.bc-atila.p12{background-image:url(/personagens/poses/atila/12.webp)}
.pz.bc-atila.pvc{background-image:url(/personagens/poses/atila/vc.webp)}
.pz.bc-atila.pvf{background-image:url(/personagens/poses/atila/vf.webp)}
.pz.bc-atila.pvl{background-image:url(/personagens/poses/atila/vl.webp)}
/* ===== FiscalOne, a página de verdade (Bloco 7): o que a prévia não tinha (a raiz, a entrada com o teclado,
   as folhas do dia, a ficha com interruptores) e os ajustes de alvo de toque (44 px). O resto é o estilo da prévia. */
html,body{margin:0;height:100%;background:#060B1A}
body{overscroll-behavior:none}
#app.tela{height:100vh;height:100dvh;width:100%}
#app.tela[data-tema=claro]{background:var(--bg1)}
.abrindo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#B4C1DA;background:radial-gradient(1100px 520px at 50% -10%,#1B2A55,#070B17 72%)}
.abrindo .simb{display:block;width:96px;height:96px;border-radius:20px;background-image:var(--simbolo-g)}
/* margens e pé da área (guia 2.1): celular 16 e o pé = barra de baixo + 24; iPad 24; computador 32 (40 a partir de 1600) */
.tela .area{padding:8px 16px calc(72px + 24px + env(safe-area-inset-bottom))}
@container tela (min-width:700px){.tela .area{padding:16px 24px 48px}}
@container tela (min-width:1200px){.tela .area{padding:24px 32px 48px}}
@container tela (min-width:1600px){.tela .area{padding:24px 40px 48px}}
.tela .cartao.em-obra{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:16px}

/* entrada: o teclado de 6 números no lugar do .ent-senha da prévia */
.ent-tecl{width:min(390px,100%)}
.ent-tecl:empty{display:none}
.ent-tecl .cartao.entrada,.ent-aviso{background:rgba(18,27,51,.88);border:1px solid #2C3A5E;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;text-align:center;color:#E8EEFB}
.ent-tecl h1{font-size:var(--t-corpo);font-weight:600;font-family:var(--letra);color:#E8EEFB}
.ent-aviso{max-width:420px}.ent-aviso h1{font-size:var(--t-2);color:#F4F7FF}
.pontos{display:flex;justify-content:center;gap:12px}
.ponto{width:40px;height:48px;border-radius:12px;border:2px solid #2C3A5E;background:#0A1022;display:block}
.ponto.cheio{border-color:var(--amarelo);background:radial-gradient(circle,var(--amarelo) 0 7px,#0A1022 8px)}
.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tecla{min-height:48px;border-radius:14px;border:1px solid #2C3A5E;background:#121B33;font-size:var(--t-3);font-weight:600;color:#E8EEFB;cursor:pointer}
.tecla.leve{font-size:var(--t-apoio);color:#B4C1DA}
.tecla:disabled{opacity:.45}
.mensagem{min-height:1.4em;color:#FDE68A;margin:0}

/* alvos de toque de 44 px ou mais (regra 0 do livro de comportamentos) */
.tela .btn,.tela .btn.peq,.aviso-t .btn,.h3-alt button,.tela .f,.tela .pm-modo button,.tela .pm-quanto button,.tela .pm-pm button,.tela .pp-atalhos button{min-height:44px}
.tela .pm-pm button{min-width:44px}
.tela .fala-x,.tela .pm-x{min-width:44px;min-height:44px}
.tela .chave-on{min-width:52px;min-height:44px}
.tela .cor-b{min-height:44px}
.tela .g14 button.g14-c{min-width:0}

/* Hoje: as metas de dias passados, as ações do dia e o descanso */
.h3-passados{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}
.h3-passados .mc{--tp:var(--atn)}
.h3-dia-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.h3-descanso{font-family:var(--letra);font-weight:700;font-size:var(--t-corpo);color:var(--tit);margin:0 0 12px}
.rumo-barra{margin:12px 0 12px}
.h3c-h{font-size:var(--t-2)}
.h3c-missao .barra{margin-top:8px}
.h3c-missao .linha+.linha{margin-top:8px}
.cv-linha{min-height:0;margin-top:8px}
.cv-linha:empty{display:none}
.h3-nums-l{margin-top:24px}
.mc[data-reg=feito] .mc-tempo,.mc[data-reg=parte] .mc-tempo{color:var(--tit)}
.mc[data-reg=nao]{opacity:.82}

/* as folhas do dia (Menos metas, Mais metas, Como foi o dia?, sem marca, avisos) e a conversa desligada */
.dia-folha,.cv-off{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto}
.dia-folha .op,.cv-off .op{color:var(--texto)}
.menos-op{flex-wrap:wrap}
.menos-bts{display:flex;flex-wrap:wrap;gap:8px}
.lista-avisos{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.dia-folha .h3-lista{margin-top:8px}
.cv-off .btn{align-self:flex-start}

/* página da meta: a folha das questões e o foco */
.pm-qfolha{display:flex;flex-direction:column;gap:12px}
.pm-qfolha .pm-qlin{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pm-qfolha input{width:96px;min-height:44px;border-radius:12px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);font:inherit;font-size:var(--t-corpo);text-align:center}
.foco-fim{justify-content:center;max-width:460px;flex-wrap:wrap;gap:8px}

/* ficha da conta */
.fc-esc{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}
.fC .grupos{margin-top:24px}
.fc-sub{margin:4px 0 12px}
.fc-pend{color:var(--tit);font-weight:600;margin:8px 0}
.fc-sair{width:100%;color:var(--tit);margin-top:8px}
.fc-msg:empty,.fc-saida:empty{display:none}
.ap{opacity:.55}

/* menu de cima: o boneco da conta aparece (a regra da prévia que some com o nome escondia ele também) e alvos de 44 px */
.tela .tr-eu .pz{display:block!important}
.tela .tn-areas .mi{min-height:44px}
.tela .tn-busca,.tela .tn-falar{min-height:44px;min-width:44px;justify-content:center}
.h3-rm .mc-mat{min-width:0;overflow:hidden;text-overflow:ellipsis}
.h3-rm>.s{text-align:right}
.mc-mat{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@container tela (max-width:699px){.tela .pm-alca{min-height:44px;min-width:72px;align-items:center;justify-content:center}}
.h3c-cab .s{text-wrap:balance}
/* cartão da meta em qualquer largura (600 a 1100 px, painel de 800): o nome comprido da matéria não empurra o título */
.mc-esq .mc-mat{max-width:100%}
.mc-mat-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-t{overflow-wrap:anywhere}
@container tela (min-width:700px){.mc{grid-template-columns:minmax(96px,170px) minmax(0,1fr) auto auto}}
/* larguras médias (painel de 800, iPad em pé): o menu de cima só com os ícones (menos o ativo) e o gráfico dos dias com os números em cima */
@container tela (min-width:700px) and (max-width:1099px){
  .tn-areas .mi:not(.ativo) span{display:none}
  .tn-areas .mi:not(.ativo){padding:8px 12px}
  .tn-marca b{display:none}
  .hB3 .g1,.h3-baixo.b-larga{grid-template-columns:minmax(0,1fr)!important}
  .g14-corpo{grid-template-columns:minmax(0,1fr)}
  .g14-nums{flex-direction:row;flex-wrap:wrap;gap:12px 24px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--borda)}
  .g14-tl{padding-right:84px}
  .g14-sems{gap:12px}.g14-dias{gap:3px}
}

/* Planejamento (etapa 3): o aviso do encaixe com a lista do que mudou, o devendo e a meta que mudou */
.encaixe-aviso .enc-lista{margin:8px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:2px;font-size:var(--t-apoio)}
.encaixe-aviso .s{margin-top:8px}
.dev-sub{margin:4px 0 12px}
.plan .mt.mudou{box-shadow:0 0 0 3px var(--amarelo)}
.plan .mt.passou{opacity:.7;cursor:default}
.plan .dia.alvo-ok{outline:3px dashed var(--conta);outline-offset:2px}
.plan .mt.sobre{outline:3px solid var(--amarelo)}
.plan .mt{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.plan .vista-sel button{min-height:44px}
/* Revisão (etapa 3): o motivo e a próxima volta em cada linha */
.rv-cont{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.rv3-motivo{display:block;white-space:normal;line-height:1.3}
.rv3-q small{display:block;font-weight:600;color:var(--texto2)}
.rp-motivo{margin-top:8px}
.rp-fora{align-self:center;max-width:260px}
.rv-pe{margin-top:16px}
.pm-marcada{display:flex;flex-wrap:wrap;align-items:center;gap:12px 12px;padding:12px 12px;border-radius:14px;background:var(--conta-suave);color:var(--tit)}
.plan .dev-i{max-width:100%;min-width:0}.plan .dev-i .mt-c{min-width:0;flex-wrap:wrap}.plan .dev-i .mt-c span{white-space:normal;overflow-wrap:anywhere}
/* Revisão abaixo de 1100 px (painel de 800, iPad em pé): o arranjo empilhado do celular (sem coluna em escada) */
@container tela (max-width:1099px){
  .rv3-faixa{grid-template-columns:1fr!important}
  .rv3-cab{display:none}
  .rv3{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .rv3-mat{grid-column:1}.rv3-q{grid-column:2;grid-row:1;text-align:right}
  .rv3-mod{grid-column:1/-1}.rv3-cai{grid-column:1;flex-direction:row;gap:8px;align-items:center}.rv3-ac{grid-column:2;grid-row:3;flex-direction:row;gap:8px;align-items:baseline;justify-content:flex-end}
  .rv3-regra{grid-column:1/-1}
  .rv3-mod .corta{white-space:normal}
  .rv3-regra small{white-space:normal}
}
/* página da meta de 700 a 1099 px: o registro mais estreito e o cabeçalho no arranjo do celular (sem texto em escada) */
@container tela (min-width:700px) and (max-width:1099px){
  .pm{grid-template-columns:minmax(0,1fr) minmax(300px,40%)}
  .pm-cab{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ex ex" "l1 l1" "tt anel" "sub sub" "tags tags";column-gap:12px}
}
/* ficha: a linha do gasto quebra antes de espremer o texto */
.fC .op{flex-wrap:wrap}.fC .op .cresce{min-width:180px}
/* ---------- etapa 4: Desempenho, Mapa da prova, Página da matéria, ficha da aula, busca ---------- */
.est-n{display:flex;flex-direction:column;gap:8px;min-width:0}
.est-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.est-v .num{font-size:var(--t-1)}
.est-u{font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
.est-selos{display:flex;flex-wrap:wrap;gap:8px}
.selo.sl-abaixo_da_meta{background:color-mix(in srgb,var(--frc) 16%,var(--cartao));color:var(--tit);border-color:color-mix(in srgb,var(--frc) 45%,var(--cartao))}
.selo.sl-dado_antigo{background:color-mix(in srgb,var(--atn) 18%,var(--cartao));color:var(--tit)}
.selo.sl-amostra_pequena{background:color-mix(in srgb,var(--semdado) 30%,var(--cartao));color:var(--tit)}
.selo.sl-lei{background:color-mix(in srgb,var(--atn) 22%,var(--cartao));color:var(--tit);font-weight:700}
.est-aviso{color:var(--texto2);font-style:italic}
.est-cmps{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.est-frases{margin-bottom:20px}.est-frases .lista{margin:8px 0}.est-frases li{padding:4px 0}
.est-intro{margin-bottom:12px}
.cob-barra{display:flex;height:16px;border-radius:8px;overflow:hidden;background:var(--trilha);margin:12px 0}
.cob-barra i{display:block;height:100%}
.cob-barra .cb-bom{background:var(--bom)}.cob-barra .cb-atn{background:var(--atn)}.cob-barra .cb-nao{background:var(--trilha)}.cob-barra .cb-frc{background:var(--frc)}.cob-barra .cb-semdado{background:var(--semdado)}
.cob-leg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.cob-leg li{display:flex;align-items:baseline;gap:8px}.cob-leg b{color:var(--tit)}
section[data-t="avanco"]{margin-bottom:20px}
.est-q-lado{align-content:start}
.des-cel-bt{display:flex;flex-wrap:wrap;gap:8px}
.zoom-txt{min-width:min(240px,100%)}.zoom-pm{margin-top:8px}
.mat-i{min-height:44px}
.pf-plan{fill:none;stroke:var(--texto2);stroke-width:1.5;stroke-dasharray:4 3;opacity:.8}
.pf-feito{fill:var(--conta)}
.g-leg i.lg-c{border-top:6px solid var(--conta)}
.pf-topo{flex-wrap:wrap;margin-bottom:8px;gap:8px}.pf-topo .num{font-size:var(--t-2)}
/* ficha da aula */
.fa-x{position:static;flex:0 0 auto;min-width:44px;min-height:44px}
.fa-l3{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fa-causas{margin-top:12px}
.fa-causa{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.fa-causa small{grid-column:1/-1}
@container tela (max-width:699px){.fa-l{grid-template-columns:minmax(0,1fr) auto}.fa-l>small,.fa-l>.fa-l3{grid-column:1/-1}}
/* Revisão: a linha abre a ficha da aula */
.rv3[role=button]{cursor:pointer}.rv3[role=button]:hover{border-color:var(--borda-agora)}
/* Mapa da prova */
.mp-alto{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}
.mp-l1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mp-l1 .num{font-size:40px;color:var(--tit)}.mp-l1>span{display:flex;flex-direction:column;min-width:0}
.mp-leg{margin:4px 0 8px}
.mM3 .estradas{margin-bottom:20px}
.mp-aulas,.mm-lado .lista{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.mp-aula{width:100%;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;font:inherit;color:var(--texto);background:color-mix(in srgb,var(--trilha) 45%,transparent);border:1px solid transparent;border-radius:12px;padding:8px 12px;cursor:pointer}
.mp-aula:hover{border-color:var(--borda-agora)}
.mp-a1{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mp-a1 b{color:var(--tit)}
.mp-aula .corta{max-width:100%}
.mp-pts{font-size:var(--t-apoio);color:var(--texto2)}.mp-pts b{color:var(--tit)}
.prox-p{margin-bottom:20px}.prox-p h2{margin:12px 0 8px}
/* acerto 1 (12/11): o nome da matéria e o texto da linha nunca se cruzam; o texto desce quando não cabe */
.plc-a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;min-height:44px;color:inherit;text-decoration:none}
.plc-a .mtag{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal}
.plc-a .pf{flex:1 1 220px;text-align:right;min-width:0}
.plc li{grid-template-columns:1fr}
.plc-a .selo{justify-self:start}
@container tela (max-width:699px){.plc-a .pf{text-align:left}}
.ps-placa-d{font-weight:600;font-size:var(--t-apoio)}
/* Página da matéria */
.mm-volta{color:inherit}
.mm-l1{flex-wrap:wrap;gap:8px}.mm-l2{display:block;margin-top:4px}
.mm-barra{display:block;margin-top:8px;height:8px}
.mm-lei{white-space:nowrap}
.mm-todos{margin-top:12px}
.mm-lado{align-content:start}.mm-lado>.cartao+.cartao{margin-top:0}
.mat .mod-b{min-height:44px}
.md-l .md-n{display:flex;flex-direction:column;gap:0;margin-top:0;align-items:flex-start}
.mt-chat>.linha,.mat .mods-cab{flex-wrap:wrap;gap:8px 12px}
.mt-chat>.linha h3{min-width:min(100%,260px)}
.mat .mods-cab h3{min-width:min(100%,140px)}
/* alvos de 44 px (a prévia tinha 36–40) e a busca sem texto espremido */
.des3 .est-abas button,.des3 .seg button{min-height:44px}
.trilha-nav button{min-height:44px}
.mm-volta{display:inline-flex;align-items:center;min-height:44px}
.fa-coach{white-space:normal;text-align:left;max-width:100%;height:auto;min-height:44px}
.busca-res button{flex-wrap:wrap;min-height:44px}.busca-res .cresce{min-width:min(100%,180px)}
/* acerto 2 (12/11): sem a entrada em opacidade 0 (no painel do aplicativo do Claude a animação parava e a tela ficava em branco) */
.area>*{animation:none}
.busca-res>*{flex-shrink:0}
/* Revisão no celular: o título preso em 2 linhas de verdade (não passa por cima de "cai N de 5") e "cai N de 5" numa linha só */
.tela .area .rv3-mod .corta{overflow:hidden}
.rv3-cai small{white-space:nowrap;flex:0 0 auto}
/* Etapa 5: Questões, Universo, a porta única em folha e a conversa com o coach */
.fx-nav button{min-height:44px}
.fx-mat{border:0;background:none;padding:0;color:var(--texto);cursor:pointer;font:inherit;font-weight:700;min-height:44px;white-space:normal;text-align:left}
.fx-h3{margin-top:8px}
.fx-n{display:block;font-size:var(--t-1)}
.fx-esp{margin:12px 0}
.fx-quebra{flex-wrap:wrap;gap:12px 12px}
.fx-dia{margin-top:16px}.fx-dia .fx-g4{margin-top:12px}
.fx-mats li .etq{white-space:nowrap}
.porta-folha{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:0 auto}
.porta-folha .fim{display:flex;justify-content:flex-end}
.est-fazer{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:16px}.est-fazer .cresce{flex:1 1 240px;min-width:0}
.uv-pe{margin-top:16px}
a.uv-entrar{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.cv-b p{margin:0}.cv-b p+p{margin-top:8px}
.cv-ficha{align-self:center;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.conv{z-index:40}
.cv-s{min-height:44px}
.fa-ref .btn{margin-top:8px;align-self:flex-start}

/* ===== Acertos finais do Bloco 7 (Formatação e coach, 12/11) ===== */
/* Hoje: a pílula do tempo da meta sem marca é a da prévia (branca, sem o contorno da conta) */
.mc[data-reg=""] .mc-tempo{background:var(--cartao);border-color:transparent;color:var(--texto)}
/* Hoje no celular: saudação numa linha ao lado do boneco; a data embaixo, de ponta a ponta */
.h3c-cab{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:8px}
.h3c-cab h1{font-size:var(--t-2)}
.h3c-data{grid-column:1/-1;margin:2px 0 0}
/* Hoje no celular: as ações do dia numa grade igual (2 × 2), sem escada */
@container tela (max-width:699px){
  .h3-dia-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .h3-dia-acoes .btn{width:100%;white-space:normal;line-height:1.25;min-height:48px}
  .tela .h3-amanha .corta{flex:1 1 calc(100% - 60px)}
  .tela .h3-amanha .h3-am-acao{order:10;white-space:nowrap}
  .uv-porta{padding:20px 16px}
  .uv-entrar{align-self:stretch;justify-content:center;font-size:var(--t-corpo);padding:12px 16px}
}
.uv-entrar{max-width:100%;white-space:normal}
.sm-ver{align-self:flex-start}
/* Menos metas: com dois botões, eles descem para baixo do nome, em largura cheia (nada de coluna de uma palavra) */
.menos-op .cresce{flex:1 1 200px;min-width:0}
.menos-bts:has(.btn+.btn){flex:1 1 100%}
.menos-bts:has(.btn+.btn) .btn{flex:1 1 0;white-space:normal}
/* página da meta: a etiqueta das páginas numa linha só */
.pm-etq{white-space:nowrap}
/* Desempenho: a nota da amostra fora do cartão (os cartões do par ficam iguais); módulos com a legenda do acerto */
.est-aviso-fora{margin:-8px 0 16px;font-size:var(--t-apoio)}
.md-leg{display:block;font-size:var(--t-apoio)}
.md-vazio{justify-content:center}
.md-topo h3 .s{white-space:nowrap;display:inline-block}
/* Desempenho → matéria, no celular: o anel pequeno ao lado do nome; os 4 números embaixo, de ponta a ponta */
@container tela (max-width:699px){
  .zoom-cab{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center}
  .zoom-cab>.an1{grid-row:1/3;grid-column:1}
  .zoom-cab .zoom-txt{display:contents}
  .zoom-cab .zoom-txt h2{grid-column:2;grid-row:1;align-self:end;font-size:var(--t-3)}
  .zoom-cab .zoom-pm{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin-top:0}
  .zoom-cab .n4{grid-column:1/-1;grid-row:3}
}
/* ficha da aula: o selo da matéria cabe no quadradinho ("Contab", "Cont Av") */
.fa-sig{width:auto;min-width:52px;padding:0 8px;white-space:nowrap;flex:none}
.fa-l3 .selo,.fa-l .selo{justify-self:start;align-self:center;width:auto;max-width:max-content}
.fa-nota{margin:-4px 0 12px;font-size:var(--t-apoio)}
.dia-folha .op .pilc{flex:none}
/* página da matéria: as perguntas prontas embaixo do campo, uma por linha no celular */
.mt-sug{padding:12px 0 0;flex-wrap:wrap}
@container tela (max-width:699px){.mt-sug .cv-s,.cv-sug .cv-s{flex:1 1 100%;text-align:left}}
.enc-destaque{outline:3px solid var(--amarelo);outline-offset:2px}
/* Planejamento: as ações do dia futuro (sem estudo e Menos metas) */
.dia-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.dia-acoes .btn{min-height:44px}
/* ===== Consertos de tela do teste de 12/11 (RELATORIO-TESTES-CONSERTO-TELAS.md) ===== */
/* T1: o modo foco é uma camada da raiz (#app), fora da área que rola: cobre a janela inteira, por cima dos menus, das
   folhas, da conversa e do aviso; o fundo não rola por trás. Centrado quando cabe; quando não cabe, rola dentro dele
   (as margens automáticas não cortam o topo). Janela baixa (celular deitado, painel 800×600): as duas metades lado a lado. */
.tela>.foco{position:absolute;inset:0;z-index:70;justify-content:flex-start;gap:16px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:max(70px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.tela.com-foco>.foco{display:flex}
.tela.com-foco .rolo{overflow:hidden}
.foco .foco-a,.foco .foco-b{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;max-width:100%}
.foco .foco-a{margin-top:auto}.foco .foco-b{margin-bottom:auto}
.foco .foco-a h2{max-width:min(640px,100%)}
.foco .fechar{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:1}
@media (max-height:640px) and (min-width:560px){
  .tela>.foco{flex-direction:row;align-items:flex-start;justify-content:center;gap:24px;padding-top:max(64px,env(safe-area-inset-top));padding-bottom:16px}
  .foco .foco-a,.foco .foco-b{margin:auto 0;flex:1 1 0;max-width:420px}
  .foco .an1-foco{zoom:.62}
}
@media (max-height:640px) and (max-width:559px){.foco .an1-foco{zoom:.7}}
/* T6: o aviso com Desfazer fica por cima das telas e das folhas (não da conversa nem do foco) */
.tela>.aviso-t{z-index:45;max-width:calc(100% - 24px)}
/* T15: toda folha tem o fechar visível no alto, à direita (44 px), preso ao rolar */
.folha>.folha-x{position:sticky;top:-12px;float:right;z-index:3;margin:-8px -8px 4px 8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--borda);background:var(--cartao);color:var(--texto)}
.folha>.folha-x svg{width:20px;height:20px}
/* T23 e T22: a faixa da cópia local (só servir_local.mjs a põe; o site não tem) */
body.com-faixa #app.tela{height:calc(100vh - 26px);height:calc(100dvh - 26px)}
.faixa-local{height:26px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:#F6C21A;color:#2A1F00;font:600 var(--t-apoio)/1 var(--letra);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:has(#app.com-foco) .faixa-local{display:none}
body.com-faixa:has(#app.com-foco) #app.tela{height:100vh;height:100dvh}
/* T25: instalado no iPhone (tela cheia, sem a barra do Safari), o menu de baixo fica acima da barrinha de início */
.abas{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
/* T16: a próxima revisão de questões com os dois caminhos (Questões e a meta do plano) */
.rp-bts{display:flex;flex-direction:column;gap:8px;align-items:stretch}
/* motor de 12/11: a volta de revisão do Átila fora das horas do dia aparece marcada como extra */
.mc-extra,.mt-extra{display:block;font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
.mais-porque{margin-top:12px}
.mt-extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container tela (max-width:699px){.pA[data-vista=compacta] .mt-extra{display:none}}
/* T6: o aviso com "Desfeito: …" e "Desfazer o anterior" quebra em duas linhas no celular, sem escada */
.tela>.aviso-t{flex-wrap:wrap;row-gap:8px}
.tela>.aviso-t>span{flex:1 1 200px;min-width:0}
@container tela (max-width:699px){.tela>.aviso-t{width:calc(100% - 24px)}}
/* Mais metas no celular (opções mais longas do motor de 12/11): a etiqueta do tipo em cima, o texto com a largura toda */
@container tela (max-width:699px){
  .dia-folha .op[data-acao="mais-escolha"]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center}
  .dia-folha .op[data-acao="mais-escolha"]>.pilc{grid-column:1;grid-row:1;justify-self:start}
  .dia-folha .op[data-acao="mais-escolha"]>.cresce{grid-column:1;grid-row:2;min-width:0}
  .dia-folha .op[data-acao="mais-escolha"]>:last-child{grid-column:2;grid-row:1/3}
}
/* T31: a alça do Registrar se arrasta para baixo (o navegador não rola a página com esse gesto) */
.pm-alca{touch-action:none}
/* T32: o filtro de matérias ligado se vê no botão */
.tela .est-mats-on{outline:2px solid var(--amarelo);outline-offset:1px}


/* ===== Críticas visuais do Caio, 13/11/2026 (V1 a V5) ===== */
/* V4 — o botão de ligar e desligar: a área do dedo continua 52×44, mas o desenho volta a ser uma pílula de 50×30 no meio
   (antes a regra dos 44 px esticava a própria pílula, e ela virava uma bola com a bolinha branca no alto) */
.tela .chave-on{width:52px;height:44px;min-width:52px;min-height:44px;flex:0 0 52px;background:none!important;border-radius:0;align-self:center}
.tela .chave-on::before{content:"";position:absolute;left:1px;top:7px;width:50px;height:30px;border-radius:999px;background:var(--trilha);transition:background .15s}
.tela .chave-on[aria-checked=true]::before{background:var(--bom)}
.tela .chave-on::after{left:4px;top:10px;z-index:1}
.tela .chave-on[aria-checked=true]::after{left:24px}
.tela .chave-on:focus-visible{outline:none}.tela .chave-on:focus-visible::before{box-shadow:0 0 0 3px var(--borda-agora)}

/* V2 — o placar de pontos com espaço: cada matéria separada por uma linha fina; nome, números e barra sem encostar */
.tela .plc{gap:0}
.tela .plc li{gap:12px 12px;padding:16px 0;border-bottom:1px solid var(--borda)}
.tela .plc li:first-child{padding-top:8px}
.tela .plc li:last-child{border-bottom:0;padding-bottom:2px}
.tela .plc-a{gap:8px 12px}
.tela .plc .pf{line-height:1.55}
.tela .plc .pf b{color:var(--tit)}

/* V3 — "Cai muito e estou fraco" chama a atenção: vermelho, com brilho que pulsa (parado para quem pede menos movimento) */
.tela .cartao.cai-fraco{border:2px solid var(--frc)!important;animation:cf-brilho 2.4s ease-in-out infinite}
@keyframes cf-brilho{0%,100%{box-shadow:0 0 0 0 transparent,0 0 12px color-mix(in srgb,var(--frc) 22%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--frc) 20%,transparent),0 0 30px color-mix(in srgb,var(--frc) 50%,transparent)}}
.tela .cai-fraco h3{color:var(--frc-tinta);display:flex;align-items:center;gap:12px}
.tela .cai-fraco h3::before{content:"";flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:var(--frc);animation:cf-ponto 1.6s ease-out infinite}
@keyframes cf-ponto{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--frc) 65%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.tela .cai-fraco .mp-aula,.tela .cai-fraco .lista li > button{border:1.5px solid color-mix(in srgb,var(--frc) 45%,transparent);border-left:5px solid var(--frc);background:color-mix(in srgb,var(--frc) 9%,var(--cartao))}
.tela .cai-fraco .lista{gap:8px}
@media (prefers-reduced-motion:reduce){.tela .cartao.cai-fraco,.tela .cai-fraco h3::before{animation:none}.tela .cartao.cai-fraco{box-shadow:0 0 22px color-mix(in srgb,var(--frc) 40%,transparent)!important}}

/* V1 — Revisão: cada matéria começa fechada; o cabeçalho (nome, acerto, urgentes, quantas revisões, seta) abre e fecha */
.tela .rv3-faixa.rv3-mfx{grid-template-columns:1fr!important;gap:0;padding:0;overflow:hidden}
.tela .rv3-fx-bt{display:flex;flex-direction:row;align-items:center;gap:12px 16px;width:100%;min-height:68px;padding:12px 20px;margin:0;background:none;border:0;border-radius:0;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none}
.tela .rv3-fx-bt:hover{background:color-mix(in srgb,var(--m) 7%,transparent)}
.tela .rv3-fx-bt:focus-visible{outline:2px solid var(--borda-agora);outline-offset:-3px}
.tela .rv3-fx-nome{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.tela .rv3-fx-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tela .rv3-fx-tags:empty{display:none}
.tela .rv3-urg{color:var(--frc-tinta);border-color:color-mix(in srgb,var(--frc) 50%,transparent)}
.tela .rv3-fx-n{display:flex;align-items:baseline;gap:4px;flex:0 0 auto}
.tela .rv3-fx-n .num{font-size:var(--t-2);margin:0;line-height:1}
.tela .rv3-fx-n small{font-size:var(--t-apoio);color:var(--texto2)}
.tela .rv3-fx-seta{flex:0 0 10px;width:10px;height:10px;margin:0 4px 4px 2px;border-right:2.5px solid var(--texto2);border-bottom:2.5px solid var(--texto2);transform:rotate(45deg);transition:transform .2s}
.tela .rv3-faixa.aberta .rv3-fx-seta{transform:rotate(225deg);margin:8px 4px 0 2px}
.tela .rv3-faixa:not(.aberta) .rv3-linhas{display:none}
.tela .rv3-faixa.aberta .rv3-linhas{padding:12px 20px 20px;border-top:1px solid var(--borda)}
@container tela (max-width:699px){
  .tela .rv3-fx-bt{flex-wrap:wrap;padding:12px 16px}
  .tela .rv3-fx-nome{flex:1 1 0}
  .tela .rv3-fx-tags{order:3;flex:1 1 100%;justify-content:flex-start}
  .tela .rv3-faixa.aberta .rv3-linhas{padding:12px 12px 16px}
}

/* V4 — os 2 botões de sair no mesmo desenho (contorno), o "Sair de todos" com a borda puxada para o vermelho */
.tela .fc-sair{background:var(--cartao);border:1.5px solid var(--borda);color:var(--tit);font-weight:600;box-shadow:none}
.tela .fc-sair[data-acao=sair-todos]{border-color:color-mix(in srgb,var(--frc) 55%,var(--borda))}
/* V1 — o nome da matéria nunca cortado no cabeçalho da faixa (ex.: "Direito Tributário + Reformas" no celular) */
.tela .rv3-fx-nome .mc-mat{white-space:normal;overflow:visible;text-overflow:clip;max-width:none}
/* V4/V5 — a ficha: a última linha de cada cartão sem o risco embaixo (o aviso vazio que vem depois não conta) */
.tela .grupo .op:last-of-type{border-bottom:0}
.tela .grupo .fc-msg:empty,.tela .grupo .fc-msg-ia:empty{display:none}
/* V1/V3 — contraste: o "urgente" com letra escura e ponto vermelho; o título vermelho mais escuro no claro */
.tela .rv3-urg{color:var(--tit);background:color-mix(in srgb,var(--frc) 14%,var(--cartao));border:1px solid var(--frc);display:inline-flex;align-items:center;gap:8px}
.tela .rv3-urg::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--frc);flex:0 0 8px}
.tela[data-tema=claro] .cai-fraco h3{color:color-mix(in srgb,var(--frc) 72%,#000)}
/* V5 — achado na olhada geral: na largura do painel (800 px), com o 4º botão ("Fiz parte", meta de 2 blocos ou mais),
   o quadro Registrar passava da borda da página da meta; agora ele cabe e os 4 botões vão em 2 por linha */
.tela .pm-painel{min-width:0}
.tela .pm-op{min-width:0}
@container tela (min-width:700px) and (max-width:999px){.tela .pm-painel[data-estado="2"] .pm-ops{grid-template-columns:1fr 1fr}}

/* ===================== Obra de 13/11/2026 (planejamento dos consertos por forma), Construtor de tela ===================== */
/* a cor da conta como letra: no claro, o título da conta (escuro, contraste alto); no escuro, a própria cor da conta */
.tela{--conta-t:var(--conta)}
.tela[data-tema=claro]{--conta-t:var(--tit)}

/* 1.1 — um X só, sempre na ponta de cima à direita: a porta de questões (o X não estica mais na largura toda),
   a página da meta no iPad e no computador (o X sai da coluna da esquerda e vai para o canto da página) */
.folha.porta-q>.folha-x{align-self:flex-end}
@container tela (min-width:700px){
  .folha.pag-meta .pm-l1 .pm-x{position:absolute;top:14px;right:14px;z-index:5;margin:0}
  .folha.pag-meta .pm>.pm-col:last-child{padding-top:64px}
}

/* 1.2 — nada com cara de apagado: um estilo só para os botões de contorno (contorno e letra na cor da conta, em negrito) */
.tela .btn.lin:not(.aviso-t .btn){background:color-mix(in srgb,var(--conta) 14%,var(--cartao));border:1.5px solid transparent;color:var(--conta-t);font-weight:600}
.tela .btn.lin:not(.aviso-t .btn):hover{background:color-mix(in srgb,var(--conta) 20%,var(--cartao))}
/* N-CEL-2: no modo foco (fundo sempre escuro), os botões de contorno ficam claros, no claro e no escuro */
.tela>.foco .btn:not(.p):not(.fc-sair):not([aria-pressed]):not(.cv-env):not(.aviso-t .btn){background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.55);color:#FFFFFF;font-weight:700}
.tela>.foco .btn:not(.p):not(.fc-sair):not([aria-pressed]):not(.cv-env):not(.aviso-t .btn):hover{background:rgba(255,255,255,.16)}
.tela .pm-painel[data-estado="2"] .pm-op[aria-pressed=false]{color:var(--texto);border-color:color-mix(in srgb,var(--oc) 70%,var(--borda));font-weight:700}
.tela .pm-painel[data-estado="2"] .pm-op i .ico{width:20px;height:20px}
.tela .op-nao{--oc:#E5484D;--ot:#FFFFFF}

/* 1.3 — "Ficaram sem marca": faixa forte no alto do Hoje, com brilho (como o "Cai muito"), a contagem grande e
   "Fiz" / "Não fiz" em cada linha */
.tela .h3-passados.sm-forte{gap:12px;padding:12px 16px;border-radius:20px;border:2px solid var(--longe);background:color-mix(in srgb,var(--longe) 12%,var(--cartao));animation:sm-brilho 2.4s ease-in-out infinite}
@keyframes sm-brilho{0%,100%{box-shadow:0 0 0 0 transparent,0 0 12px color-mix(in srgb,var(--longe) 25%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--longe) 22%,transparent),0 0 30px color-mix(in srgb,var(--longe) 50%,transparent)}}
@media (prefers-reduced-motion:reduce){.tela .h3-passados.sm-forte,.tela .cartao.cai-fraco{animation:none}}
.tela .sm-cab{display:flex;align-items:center;gap:12px}
.tela .sm-n{flex:none;min-width:52px;height:52px;padding:0 12px;border-radius:14px;display:grid;place-items:center;background:var(--longe);color:#2A1200;font-family:var(--letra);font-size:var(--t-1);font-weight:700;line-height:1}
.tela .sm-cab h3{margin:0;font-size:var(--t-3);color:var(--tit)}
.tela .sm-q{margin:2px 0 0;font-size:var(--t-apoio);font-weight:600;color:var(--texto)}
.tela .sm-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tela .sm-l{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 0;border-top:1px solid color-mix(in srgb,var(--longe) 35%,var(--borda))}
.tela .sm-l:first-child{border-top:0}
.tela .sm-abre{flex:1 1 auto;min-width:0;min-height:44px;display:flex;align-items:center;gap:12px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--texto);text-align:left;font-size:var(--t-apoio)}
.tela .sm-abre:hover{background:color-mix(in srgb,var(--longe) 10%,transparent)}
.tela .sm-dia{flex:none;font-size:var(--t-apoio);font-weight:700;padding:3px 12px;border-radius:999px;background:var(--cartao);color:var(--tit);box-shadow:inset 0 0 0 1.5px var(--longe)}
.tela .sm-tx{min-width:0;line-height:1.3}
.tela .sm-tx b{color:var(--tit)}
.tela .sm-bts{flex:none;display:flex;gap:8px}
.tela .sm-b{min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font-weight:700;font-size:var(--t-apoio);border:2px solid var(--oc);background:var(--cartao);color:var(--texto)}
.tela .sm-b .ico{width:18px;height:18px;color:var(--oc)}
.tela .sm-fiz{--oc:#18B979}.tela .sm-nao{--oc:#E5484D}
.tela .sm-fiz:hover{background:color-mix(in srgb,#18B979 16%,var(--cartao))}.tela .sm-nao:hover{background:color-mix(in srgb,#E5484D 14%,var(--cartao))}
@container tela (max-width:699px){
  .tela .h3-passados.sm-forte{padding:12px}
  .tela .sm-n{min-width:44px;height:44px;font-size:var(--t-2);border-radius:12px}
  .tela .sm-cab h3{font-size:var(--t-corpo)}
  .tela .sm-l{flex-wrap:wrap;gap:4px 8px}
  .tela .sm-abre{flex:1 1 100%;padding:4px 0}
  .tela .sm-bts{flex:1 1 100%}
  .tela .sm-b{flex:1 1 0;justify-content:center}
}

/* 1.5 — texto que esconde informação: em 2 linhas em vez de "…" (cartão do bloco, Planejamento, Rumo da semana),
   e os botões de "Quais blocos você terminou?" com o nome inteiro do bloco */
.tela .mc-u,.tela .mt-t{white-space:normal;text-overflow:clip;overflow:visible} /* o texto inteiro, em quantas linhas precisar (o corte de linhas deixava o resto medido por baixo) */
.tela .h3-rm .mc-mat{white-space:normal;text-overflow:clip;overflow:visible}
.tela .h3-rm .s{white-space:normal}
.tela .pm-bk .bk-c{display:none}
.tela .pm-bk .bk-l{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;white-space:normal}
.tela .pm-bk{align-items:center;padding-top:8px;padding-bottom:8px;height:auto}

/* 1.6 — o símbolo do FiscalOne na cor da conta, dentro do app: a silhueta "FO", transparente, pintada com a cor da conta
   (na entrada, antes de escolher a conta, fica o símbolo da marca) */
.app .simb{width:44px;height:23px;border-radius:0;background:var(--conta);-webkit-mask:var(--silhueta) center/contain no-repeat;mask:var(--silhueta) center/contain no-repeat}
.app .tn-marca .simb{width:44px;height:23px}

/* 3.1 — no celular, o símbolo do cabeçalho abre a ficha da conta (botão redondo de 44 px, na cor da conta) */
.simb-cel-bt{display:none}
@container tela (max-width:699px){
  .simb-cel-bt{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid var(--conta);background:var(--conta-suave)}
  .simb-cel-bt .simb.simb-cel{display:block;width:28px;height:15px}
}

/* 1.7 — a marca d'água no centro da tela, presa à janela, bem leve; no celular também */
.mdg-caixa{position:fixed}
.mdg{display:block;left:50%;top:50%;right:auto;bottom:auto;width:min(56%,760px);transform:translate(-50%,-50%);opacity:.05}
.tela[data-tema=escuro] .mdg{opacity:.07}
.mdg.desce,.mdg.encolhe{transform:translate(-50%,-50%)}
@container tela (max-width:699px){.mdg,.app[data-marca=sempre] .mdg{width:82%;right:auto;bottom:auto;opacity:.04}.tela[data-tema=escuro] .mdg{opacity:.06}}
/* 1.3 no celular: cada meta sem marca numa linha só (matéria e dia à esquerda, Fiz e Não fiz à direita); o texto
   inteiro está na folha que abre com o toque no nome; as 3 primeiras à vista e as outras com "Ver as outras" */
@container tela (max-width:699px){
  .tela .sm-l{flex-wrap:nowrap;gap:8px}
  .tela .sm-abre{flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:2px;padding:2px 0}
  .tela .sm-abre .sm-tx{order:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:var(--t-apoio)}
  .tela .sm-abre .sm-tx b{font-size:var(--t-apoio)}
  .tela .sm-abre .sm-dia{order:2;padding:0;background:none;box-shadow:none;font-size:var(--t-apoio);font-weight:700;color:var(--texto)}
  .tela .sm-bts{flex:none}
  .tela .sm-b{flex:none;padding:8px 12px;font-size:var(--t-apoio)}
  .tela .sm-lista:not(.aberta) .sm-l:nth-child(n+4){display:none}
  .tela .sm-ver{align-self:flex-start}
}
/* 1.6: no menu de cima (fundo escuro da conta) a silhueta vai clareada, para se ver; o tom continua o da conta */
.app .tn-marca .simb{background:color-mix(in srgb,var(--conta) 55%,#FFFFFF)}
/* 1.2: o mesmo estilo para todos os botões secundários (Ver, Marcar em Hoje, Entendi, Modo foco, Voltar…), nunca a pílula cinza */
.tela .btn:not(.p):not(.fc-sair):not([aria-pressed]):not(.cv-env):not(.aviso-t .btn){background:color-mix(in srgb,var(--conta) 14%,var(--cartao));border:1.5px solid transparent;color:var(--conta-t);font-weight:600}
.tela .btn:not(.p):not(.fc-sair):not([aria-pressed]):not(.cv-env):not(.aviso-t .btn):hover{background:color-mix(in srgb,var(--conta) 20%,var(--cartao))}

/* 2.3 (tela) — "Mais metas" em 2 passos: pílulas grandes de tempo; depois 1 linha por tipo, a sugestão do coach marcada;
   folha mais larga no iPad e no computador */
@container tela (min-width:700px){.folha.folha-mm{width:min(640px,56%)}}
.tela .mm h3{margin-bottom:2px}
.tela .mm-p{font-size:var(--t-corpo);font-weight:700;color:var(--tit);margin:8px 0 12px}
.tela .mm-tempos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@container tela (max-width:699px){.tela .mm-tempos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tela .mm-t{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;border:2px solid var(--conta);background:var(--conta-suave);color:var(--tit);font-family:var(--letra)}
.tela .mm-t b{font-size:var(--t-2);font-weight:700;line-height:1.1}
.tela .mm-t small{font-size:var(--t-apoio);font-weight:700;font-family:inherit}
.tela .mm-t:hover:not([disabled]){background:var(--conta);color:var(--cartao)}
.tela .mm-t[disabled]{border-style:dashed;border-color:var(--borda);background:transparent;color:var(--texto);cursor:not-allowed}
.tela .mm-ops .mm-op{min-height:60px;padding:12px 12px;gap:12px;border-width:1.5px}
.tela .mm-op .mm-tx{display:block;font-size:var(--t-corpo);line-height:1.3;color:var(--tit)}
.tela .mm-op small{font-size:var(--t-apoio);color:var(--texto)}
.tela .mm-op.mm-coach{border:2px solid var(--conta);background:var(--conta-suave);box-shadow:0 0 0 3px color-mix(in srgb,var(--conta) 18%,transparent)}
.tela .mm-op.mm-coach small{font-weight:700}
.tela .mm-porque{margin-top:12px;font-size:var(--t-apoio);color:var(--texto)}
.tela .mm-volta{margin-top:12px}

/* 1.11 (tela) — "Mover para…": o dia que o motor não aceita fica desligado, com o motivo (sem opacidade baixa: a letra
   continua legível); o que cabe fica normal, com as horas de agora e as de depois */
.tela .folha .op.mv-d.nao-cabe,.tela .folha .op.nao-cabe{opacity:1;border-style:dashed;background:transparent;cursor:not-allowed}
.tela .folha .op.mv-d.nao-cabe b{color:var(--texto)}
.tela .folha .op.mv-d.nao-cabe small{color:var(--texto)}
.tela .folha .op.mv-d.cabe{border-color:var(--bom);border-width:1.5px}
.tela .folha .op.mv-d.cabe:hover{background:color-mix(in srgb,var(--bom) 10%,var(--cartao))}
@container tela (min-width:700px){.tela .mv-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 1.5 no celular (pedido do coach): o texto da meta sem marca em até 2 linhas, sem "…" no meio da 1ª */
@container tela (max-width:699px){.tela .sm-abre .sm-tx{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.3}}

/* 1.10 — a semana colorida no alto do Planejamento: 7 dias, de segunda a domingo; verde = fez tudo, amarelo = uma parte,
   vermelho = nada; hoje com o contorno da conta; os dias que vêm sem cor */
.tela .sem7{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}
.tela .sem7 h3{margin:0}
.tela .sem7-tot{font-size:var(--t-3)}
.tela .sem7-l{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.tela .sem7-d{--c:var(--borda);display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px;border:2px solid var(--c);background:color-mix(in srgb,var(--c) 16%,var(--cartao));text-align:center;min-width:0}
.tela .sem7-n{font-size:var(--t-apoio);font-weight:700;text-transform:none;letter-spacing:0;color:var(--tit)}
.tela .sem7-dt{font-family:var(--letra);font-size:var(--t-3);font-weight:700;line-height:1.1;color:var(--tit)}
.tela .sem7-r{font-size:var(--t-apoio);font-weight:700;color:var(--texto);line-height:1.2}
.tela .sem7-h{font-size:var(--t-apoio);color:var(--texto);line-height:1.2}
.tela .sem7-d.c-verde{--c:#18B979}
.tela .sem7-d.c-amarelo{--c:#F59E0B}
.tela .sem7-d.c-vermelho{--c:#E5484D}
.tela .sem7-d.c-hoje{--c:var(--conta);box-shadow:0 0 0 3px color-mix(in srgb,var(--conta) 22%,transparent)}
.tela .sem7-d.c-vem{--c:var(--borda);background:transparent;border-style:dashed}
.tela .sem7-d.c-sem_plano,.tela .sem7-d.c-fora_do_plano{--c:var(--semdado)}
.tela .sem7-leg{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;font-size:var(--t-apoio);color:var(--texto)}
.tela .sem7-leg span{display:inline-flex;align-items:center;gap:8px}
.tela .sem7-leg i{width:12px;height:12px;border-radius:8px;display:inline-block}
.tela .sem7-leg i.c-verde{background:#18B979}.tela .sem7-leg i.c-amarelo{background:#F59E0B}.tela .sem7-leg i.c-vermelho{background:#E5484D}
@container tela (max-width:699px){
  .tela .sem7-l{gap:4px}
  .tela .sem7-d{padding:8px 2px;border-radius:12px}
  .tela .sem7-n{font-size:var(--t-apoio)}
  .tela .sem7-dt{font-size:var(--t-apoio)}
  .tela .sem7-r{display:none}
  .tela .sem7-h{font-size:var(--t-apoio)}
}
/* o cartão de cada dia: "Menos metas · horas · Mais metas" dentro do dia (base: Dashboard antigo, V31) */
.tela .dia-mm{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:4px}
.tela .dia-mm .btn{min-height:44px;padding:8px 12px;white-space:normal;line-height:1.2}
.tela .dia-mm-h{font-family:var(--letra);font-size:var(--t-corpo);font-weight:700;color:var(--tit);text-align:center;white-space:nowrap}

/* ===== Bloco D ===== */
/* 5.1 — o Hoje em cada largura (as mesmas peças; a organização muda pelo CSS) */
.h5-a,.h5-b,.h5-c,.h5-d,.h5-n{display:contents}
.h5 .h3-passados,.h5 .h3-larga,.h5 .h3-nums{margin:0}
@container tela (max-width:699px){.h5 .h5-i[data-a=pass]{margin-bottom:16px}}
@container tela (min-width:700px){
  .h5{display:grid;column-gap:24px;row-gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);grid-template-rows:auto auto auto auto auto auto;
    grid-template-areas:"pass pass" "lista coach" "lista rumo" "g14 g14" "nums nums" "cam vez";align-items:start} /* PC2: o gráfico dos 14 dias logo abaixo das colunas */
  .h5-i{min-width:0}
  .h5-i[data-a=pass]{grid-area:pass}.h5-i[data-a=lista]{grid-area:lista}.h5-i[data-a=coach]{grid-area:coach}.h5-i[data-a=rumo]{grid-area:rumo}
  .h5-i[data-a=nums]{grid-area:nums}.h5-i[data-a=cam]{grid-area:cam}.h5-i[data-a=vez]{grid-area:vez}.h5-i[data-a=g14]{grid-area:g14}
}
@container tela (min-width:700px) and (max-width:1099px){
  .h5{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"pass" "lista" "coach" "rumo" "nums" "cam" "vez" "g14"}
}
/* a partir de ~1700 px: a área deixa de ter o teto de 1320 px e o Hoje vai em 3 colunas */
@container tela (min-width:1700px){
  .tela .area{max-width:min(2200px,100%)}
  .h5{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(360px,.9fr);grid-template-rows:auto auto;grid-template-areas:"a b c" "d d d"}
  .h5>.h5-a,.h5>.h5-b,.h5>.h5-c{display:flex;flex-direction:column;gap:24px;min-width:0}
  .h5>.h5-a{grid-area:a}.h5>.h5-b{grid-area:b}.h5>.h5-c{grid-area:c}
  .h5>.h5-d{grid-area:d;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;align-items:start}
  .h5 .h5-i{grid-area:auto}
  .h5 .h3-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 5.2 — a partir de ~1500 px, a conversa abre como uma coluna ao lado: o conteúdo encolhe, nada fica coberto */
@container tela (min-width:1500px){
  .tela:has(>.conv) .app>.rolo{padding-right:400px}
  .tela>.conv{top:66px;bottom:0;right:0;width:400px;border-radius:0;box-shadow:none;border-width:0 0 0 1px}
}
/* 5.1 / 1.10 — Planejamento: os 14 dias em todas as vistas (o cabeçalho diz do 1º ao último); no computador (a partir
   de 1400 px), os dias em cartões lado a lado (3 a 4 por linha), cada semana com o seu título; no iPad, a lista de sempre */
.tela .pA .dia-2{display:grid}
@container tela (min-width:1400px){
  .tela .pA .faixas{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:16px;align-items:start}
  .tela .pA .faixas>.sem-cab{display:block;grid-column:1/-1;font-size:var(--t-corpo);margin:12px 2px 0}
  .tela .pA .faixas>.sem-cab:first-child{margin-top:0}
  .tela .pA .dia{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 16px}
  .tela .pA .dia .dia-metas{grid-template-columns:minmax(0,1fr)}
  .tela .pA .dia-esq{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}
  .tela .pA .dia-esq>h3{grid-column:1}.tela .pA .dia-esq>.dia-est{grid-column:2;justify-self:end}
  .tela .pA .dia-esq>.carga-l,.tela .pA .dia-esq>.porque,.tela .pA .dia-esq>.dia-mm,.tela .pA .dia-esq>.dia-acoes{grid-column:1/-1}
}
@container tela (min-width:1700px){.tela .pA .faixas{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}
/* 5.1 — Revisão na tela larga: a próxima revisão fixa à esquerda; as matérias em 2 colunas (a matéria aberta ocupa as duas) */
@container tela (min-width:1700px){
  .tela .rv3w{display:grid;grid-template-columns:minmax(380px,440px) minmax(0,1fr);column-gap:24px;align-items:start}
  .tela .rv3w>*{grid-column:1/-1}
  .tela .rv3w>.rv3-prox{grid-column:1;grid-row:span 4;position:sticky;top:12px;grid-template-columns:minmax(0,1fr);margin-bottom:0}
  .tela .rv3w>.rv3-faixas,.tela .rv3w>.rv-pe{grid-column:2}
  .tela .rv3w>.rv3-faixas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
  .tela .rv3w>.rv3-faixas>.rv3-faixa.aberta{grid-column:1/-1}
  .tela .rv3w>.rv3-faixas>.rv3-faixa:not(.aberta){grid-template-columns:minmax(0,1fr)}
}
/* 1.8 — o Mapa: "Cai muito e estou fraco" fechado e logo abaixo do placar total; o Edital à esquerda e no alto;
   o placar alinhado (nome à esquerda, números numa coluna à direita, sempre com 2 casas); 5.1: 3 áreas na tela larga */
.tela .dobra-cab{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tela .dobra-cab h3{margin:0;flex:1 1 auto}
.tela .dobra-cab::after{content:"";flex:none;width:10px;height:10px;border-right:2.5px solid var(--tit);border-bottom:2.5px solid var(--tit);transform:rotate(45deg);margin:0 8px 4px 0;transition:transform .2s}
.tela .dobra-cab[aria-expanded=true]::after{transform:rotate(-135deg);margin-bottom:-4px}
.tela .mp-n{flex:none;font-size:var(--t-apoio);font-weight:700;padding:3px 12px;border-radius:999px;background:var(--conta-suave);color:var(--tit)}
.tela .cai-fraco .mp-n{background:color-mix(in srgb,var(--frc) 16%,var(--cartao))}
.tela .mM3>.cai-fraco{margin:0 0 24px}
.tela .mp-3{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.tela .mp-3>div{display:flex;flex-direction:column;gap:24px;min-width:0}
.tela .mp-3 .estradas{margin-bottom:0}
@container tela (min-width:1000px){.tela .mM3 .mp-3{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);grid-template-areas:"c1 c3" "c2 c3";align-items:start}.tela .mp-c1{grid-area:c1}.tela .mp-c2{grid-area:c2}.tela .mp-c3{grid-area:c3}}
@container tela (min-width:1700px){.tela .mM3 .mp-3{grid-template-columns:minmax(320px,.8fr) minmax(0,1.6fr) minmax(340px,1fr);grid-template-areas:"c1 c2 c3"}}
.tela .plc-a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.tela .plc-a .selo{grid-column:1;grid-row:2}
.tela .plc-a .pf{grid-column:2;grid-row:1/span 2;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@container tela (max-width:699px){.tela .plc-a{grid-template-columns:minmax(0,1fr)}.tela .plc-a .pf{grid-column:1;grid-row:auto;text-align:left;white-space:normal}}
/* 1.9 — as perguntas prontas da conversa: em linhas (nada cortado nem escondido de lado) no iPad e no computador;
   no celular, depois da 1ª mensagem, recolhidas num botão "Perguntas prontas" */
.tela .cv-sug{flex-wrap:wrap;overflow:visible}
.tela .cv-sug .cv-s{white-space:normal;text-align:left;min-height:44px}
.cv-sug-ver{display:none}
@container tela (max-width:699px){
  .tela .conv:not([data-msgs="0"]):not(.sug-aberta) .cv-sug{display:none}
  .tela .conv:not([data-msgs="0"]) .cv-sug-ver{display:flex;align-items:center;justify-content:center;align-self:flex-start;margin:8px 12px 0;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--conta);background:transparent;color:var(--conta-t);font-weight:700;font-size:var(--t-apoio)}
}
/* 1.12 — o aviso com Desfazer preso embaixo, na largura do conteúdo, sem cobrir nada: no iPad e no computador ele
   ocupa uma faixa própria no pé da tela (o conteúdo rola acima dela); no celular, logo acima do menu de baixo, na largura
   toda, e o conteúdo ganha espaço no fim para sair de baixo dele */
@container tela (min-width:700px){
}
@container tela (min-width:1500px){.tela:has(>.conv)>.aviso-t{right:400px}}
@container tela (max-width:699px){
  .tela:has(>.aviso-t) .area{padding-bottom:calc(72px + 24px + 66px + env(safe-area-inset-bottom))}
}
/* 1.15 — Desempenho → Matérias: as matérias lado a lado, em cartões (3 por linha no computador, 2 no iPad, 1 no celular) */
.tela .des-mats{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.tela .mat-g{align-items:stretch;text-align:left;gap:12px;padding:16px 16px;border-top:4px solid var(--m)}
.tela .mg-l1{display:flex;align-items:center;gap:12px;min-width:0}
.tela .mg-sig{flex:none;padding:3px 12px;border-radius:8px;background:var(--m);color:#fff;font-size:var(--t-apoio);font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.tela .mg-nome{min-width:0;white-space:normal;font-size:var(--t-apoio)}
.tela .mg-peso{font-size:var(--t-apoio);color:var(--texto)}.tela .mg-peso b{font-family:var(--letra);font-size:var(--t-3);color:var(--tit)}
.tela .mg-barra{position:relative;display:flex;height:10px;border-radius:8px;overflow:hidden;background:var(--trilha)}
.tela .mg-barra>b{position:static;height:100%;background:var(--m)}
.tela .mg-barra>i{height:100%;background:repeating-linear-gradient(45deg,var(--m) 0 4px,color-mix(in srgb,var(--m) 35%,transparent) 4px 8px)}
.tela .mg-cont{font-size:var(--t-apoio);color:var(--texto)}
.tela .mg-rod{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:var(--t-apoio)}
.tela .mg-ac b{color:var(--tit);font-size:var(--t-apoio)}
@container tela (max-width:699px){.tela .des-mats{grid-template-columns:minmax(0,1fr)}}
/* 1.14 — "Reorganizei…" em 1 linha (a lista abre com um toque); a parte da ficha da aula que é só "sem esse dado", em 1 linha */
.tela .enc-min{align-items:center}
.tela .enc-det>.dobra-cab::after{content:"ver a lista";flex:none;width:auto;height:auto;border:0;transform:none;margin:0;font-size:var(--t-apoio);font-weight:700;color:var(--conta-t);text-decoration:underline}
.tela .enc-det>.dobra-cab[aria-expanded=true]::after{content:"recolher";transform:none;margin:0}
.tela .enc-det>.dobra-cab b{flex:0 1 auto}
.tela .fa-vazio{margin-top:16px;padding:8px 16px}
.tela .fa-vazio>.dobra-cab{font-size:var(--t-apoio);color:var(--texto)}.tela .fa-vazio>.dobra-cab>span:not(.selo){flex:1 1 auto}
.tela .fa-vazio>.dobra-corpo{margin:8px 0 12px}
.tela .md-lista.md-curta>[data-t="modulo"]:nth-of-type(n+9){display:none}
.tela .md-todos{margin-top:12px}
/* 4.2 e 5.4 — iPad em pé (820) e a largura do painel (800): a página da meta numa coluna só, e o Registrar embaixo,
   como a gaveta do celular (4 botões no pé; ao escolher, abre de baixo para cima). O cronômetro vai para o conteúdo,
   sem ficar por cima do "Começar". */
@container tela (min-width:700px) and (max-width:999px){
  .tela .pm{display:block;overflow-y:auto;overflow-x:hidden}
  .tela .pm-col{display:block}
  .tela .pm-esq{overflow:visible;padding:20px 24px 150px 32px}
  .tela .pm .pm-crono-esq{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;margin-bottom:20px;border-radius:var(--br)}
  .tela .pm-crono-esq .pm-rot{flex:1}.tela .pm-crono-esq .btn{min-height:48px;flex:none}
  .tela .folha.pag-meta .pm>.pm-col:last-child{padding-top:0}
  .tela .pm-dir{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:88%;padding:0;border:0;background:none;display:flex;flex-direction:column}
  .tela .pm-painel{flex:1 1 auto;min-height:0;gap:12px;padding:12px 24px 16px;background:var(--cartao);border-top:1px solid var(--borda);border-radius:20px 20px 0 0;box-shadow:0 -10px 28px rgba(10,20,50,.22);overflow-y:auto}
  .tela .pm-painel:not(.aberto) .pm-alca,.tela .pm-painel:not(.aberto) .pm-pt,.tela .pm-painel:not(.aberto) .pm-det,.tela .pm-painel:not(.aberto) .pm-fim{display:none}
  .tela .pm-painel:not(.aberto) .pm-ops{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .tela .pm-painel:not(.aberto) .pm-op{flex-direction:row;justify-content:center;gap:8px;min-height:60px;padding:8px 8px;font-size:var(--t-corpo);border-radius:var(--br)}
  .tela .pm-painel:not(.aberto) .pm-op i{width:30px;height:30px}
  .tela .pm-painel.aberto .pm-alca{display:grid;place-items:center;align-self:center;width:72px;height:24px;margin:-4px 0;border:0;background:none}
  .tela .pm-alca i{display:block;width:44px;height:5px;border-radius:8px;background:var(--semdado)}
  .tela .pm-painel.aberto .pm-quem,.tela .pm-sug{display:none}
  .tela .pm-painel[data-estado="2"] .pm-ops{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tela .pm-bks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tela .pm-parei{flex-wrap:wrap;white-space:normal}
}
/* 4.3 — iPad em pé (e larguras de 700 a 1099): o menu de cima com os nomes, o ícone em cima e o nome curto embaixo */
@container tela (min-width:700px) and (max-width:1099px){
  .tela .tn-areas{gap:2px}
  .tela .tn-areas .mi,.tela .tn-areas .mi:not(.ativo){flex-direction:column;justify-content:center;gap:3px;padding:4px 8px;min-height:52px;border-radius:14px;font-size:var(--t-apoio);line-height:1.1}
  .tela .tn-areas .mi:not(.ativo) span.l-curto,.tela .tn-areas .mi span.l-curto{display:inline}
  .tela .tn-areas .mi .l-longo:has(+ .l-curto){display:none}
  .tela .tn-areas .mi:not(.ativo) span.l-longo:not(:has(+ .l-curto)){display:inline}
  .tela .topo-nav{gap:12px;padding:0 12px}
}
/* 4.4 e 3.2 — os botões do dia numa fila de pílulas logo abaixo de "Atividades de hoje" */
.tela .h3-ativ>.h3-dia-acoes{margin:2px 0 12px;gap:8px}
.tela .h3-dia-acoes .btn{border-radius:999px}
@container tela (max-width:699px){
  /* N-CEL-8: a fila não passa mais para o lado (saía da tela sem sinal): 2 linhas, todos à vista */
  .tela .h3-ativ>.h3-dia-acoes{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;margin:4px 0 12px;padding:0}
  .tela .h3-ativ>.h3-dia-acoes .btn{flex:1 1 auto;width:auto;white-space:nowrap;min-height:44px;padding:8px 12px}
  /* à noite, o "Como foi o dia?" vem em primeiro, de ponta a ponta */
  .tela .h3-ativ>.h3-dia-acoes .btn.lembra{order:-1;flex-basis:100%}
}
/* IPAD-24 (item 1.16): à noite, o "Como foi o dia?" se destaca de verdade: fundo amarelo, contorno grosso e brilho
   (antes, o fundo transparente dos botões de contorno, 1.2, apagava o amarelo) */
.tela .h3-dia-acoes .btn.lin.lembra:not(.p):not(.fc-sair):not(.aviso-t .btn){border:1.5px solid transparent;background:var(--amarelo);color:var(--amarelo-t);font-weight:600;box-shadow:none}
/* R2.9 e guia 3.4: à noite o "Como foi o dia?" é a ação amarela; o Começar fica tingido (1 amarelo por tela) */
.tela:has(.h3-dia-acoes .btn.lembra) .h3-comecar.btn.p{background:color-mix(in srgb,var(--conta) 14%,var(--cartao));color:var(--conta-t);box-shadow:none}
/* 3.2 — celular: a Missão e a fala do coach numa faixa só (a fala em letra menor, até 3 linhas) */
.tela .h3c-faixa{padding:12px 12px;margin-bottom:12px}
.tela .h3c-faixa .linha{gap:12px;align-items:baseline}
.tela .h3c-faixa h3{font-size:var(--t-corpo);margin:0}
.tela .h3c-faixa .h3c-h{font-size:var(--t-apoio);color:var(--texto)}
.tela .h3c-faixa .h3c-fala{margin:12px 0 0}
.tela .h3c-faixa .h3c-fala .so-coach{font-size:var(--t-apoio);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tela .h3c-faixa .h3c-fala .fonte{display:none}
.tela .h3c-faixa .fala{box-shadow:none;padding:0;background:none;border:0}
/* 3.3 — o Caminho da aprovação e o gráfico dos dias, fechados, no fim do Hoje do celular */
.tela .h3c-dob{padding:4px 12px}
.tela .h3c-dob>.dobra-cab{min-height:48px}
.tela .h3c-dob>.dobra-cab h3{font-size:var(--t-corpo)}
.tela .h3c-dob section.cartao{box-shadow:none;border:0;padding:4px 0 12px;background:none}
/* 3.5 — a entrada: ao escolher a conta, os bonecos encolhem e o teclado da senha sobe para dentro da tela
   (celular 390×844 e 375×667; computador 1440×900) */
.ent.escolheu{padding-top:12px;padding-bottom:16px}
.ent.escolheu .ent-meio{gap:8px}
.ent.escolheu .ent-tit{display:none}
.ent.escolheu .en-marca .simb{width:56px;height:56px;border-radius:14px}
.ent.escolheu .bon.t-xg{--h:130px}
.ent.escolheu .en-luz{height:130px;bottom:34px}
.ent.escolheu .ent-lado{padding:4px 12px 8px;gap:4px}
.ent.escolheu .ent-nome{font-size:var(--t-corpo)}
.ent.escolheu .ent-duas{margin-top:0}
.ent.escolheu .ent-tecl .cartao.entrada{padding:12px 16px;gap:8px}
.ent.escolheu .ponto{height:42px}
.ent.escolheu .tecla{min-height:46px}
@container tela (max-width:699px){
  .ent.escolheu .bon.t-xg{--h:92px}
  .ent.escolheu .en-luz{height:96px;bottom:26px}
  .ent.escolheu .en-marca .simb{width:44px;height:44px;border-radius:12px}
  .ent.escolheu .en-marca{flex-direction:row!important}
}
/* 3.4 — o Registrar no iPhone pequeno (375×667): a gaveta com o cabeçalho e os botões menores e rolando por dentro,
   para o tempo e a frase "Fica registrado" não sumirem atrás do Confirmar */
@media (max-height:700px){
  @container tela (max-width:699px){
    .tela .pm-dir{max-height:97%}
    .tela .pm-painel{overflow-y:auto;padding:8px 12px 12px;gap:8px}
    .tela .pm-painel .pm-op{min-height:50px}
    .tela .pm-painel:not(.aberto) .pm-op{min-height:56px}
    .tela .pm-painel[data-estado="2"] .pm-crono-p b{font-size:var(--t-corpo)}
    .tela .pm-painel .pm-fim{position:sticky;bottom:-10px;background:var(--cartao);padding-bottom:8px;z-index:2}
    .tela .pm-painel .pm-fim .btn{min-height:46px}
  }
}
.tela .mg-sig{background:color-mix(in srgb,var(--m) 18%,var(--cartao));box-shadow:inset 0 0 0 1.5px var(--m);color:var(--tit);text-shadow:none}
@container tela (min-width:1700px){
  .h5>.h5-d{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .tela:has(>.conv) .h5>.h5-d{grid-template-columns:minmax(0,1fr)}
}
/* 5.1 + 5.2: com a conversa aberta como coluna, o Hoje volta à organização de 2 colunas (o coach já está na conversa) */
@container tela (min-width:1700px){
  .tela:has(>.conv) .h5{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"pass pass" "lista coach" "lista rumo" "g14 g14" "nums nums" "cam vez";align-items:start} /* PC2: o gráfico dos 14 dias logo abaixo das colunas */
  .tela:has(>.conv) .h5>.h5-a,.tela:has(>.conv) .h5>.h5-b,.tela:has(>.conv) .h5>.h5-c,.tela:has(>.conv) .h5>.h5-d,.tela:has(>.conv) .h5>.h5-n{display:contents}
  .tela:has(>.conv) .h5 .h5-i[data-a=pass]{grid-area:pass}.tela:has(>.conv) .h5 .h5-i[data-a=lista]{grid-area:lista}.tela:has(>.conv) .h5 .h5-i[data-a=coach]{grid-area:coach}.tela:has(>.conv) .h5 .h5-i[data-a=rumo]{grid-area:rumo}
  .tela:has(>.conv) .h5 .h5-i[data-a=nums]{grid-area:nums}.tela:has(>.conv) .h5 .h5-i[data-a=cam]{grid-area:cam}.tela:has(>.conv) .h5 .h5-i[data-a=vez]{grid-area:vez}.tela:has(>.conv) .h5 .h5-i[data-a=g14]{grid-area:g14}
  .tela:has(>.conv) .h5 .h3-nums{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* 4.4 — as metas sem marca em 2 colunas no iPad deitado e no computador até 1700 px, para os botões do dia ficarem na 1ª tela */
/* C1 da visualização 4 (14/11, V74): a regra das 2 colunas pela largura da TELA saiu (desde o B7 a caixa fica na coluna
   estreita das metas e as linhas ficavam com 218 a 305 px); agora olha a largura da própria caixa, no fim deste arquivo */

/* 4.5 e 5.3 — o lugar do menu, escolhido na ficha da conta (junto de Tema e Estilo). Padrão: do lado no computador
   (mouse, a partir de 1400 px) e em cima no iPad (toque) e nas janelas menores. No celular, sempre embaixo, como está. */
@container tela (min-width:700px){
  .tela[data-menu=lado] .app{flex-direction:row}
  .tela[data-menu=lado] .topo-nav{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;height:100%;width:224px;flex:0 0 224px;padding:16px 12px;box-shadow:6px 0 24px rgba(0,0,0,.12);overflow-y:auto}
  .tela[data-menu=lado] .tn-marca{padding:4px 8px 12px}.tela[data-menu=lado] .tn-marca b{display:inline}
  .tela[data-menu=lado] .tn-areas{flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:4px}
  .tela[data-menu=lado] .tn-areas .mi,.tela[data-menu=lado] .tn-areas .mi:not(.ativo){flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 12px;min-height:46px;border-radius:14px;font-size:var(--t-apoio)}
  .tela[data-menu=lado] .tn-areas .mi .l-longo,.tela[data-menu=lado] .tn-areas .mi:not(.ativo) span.l-longo{display:inline!important}.tela[data-menu=lado] .tn-areas .mi .l-curto{display:none!important}
  .tela[data-menu=lado] .tn-dir{margin-top:auto;flex-direction:column;align-items:stretch;gap:8px}
  .tela[data-menu=lado] .tn-busca span,.tela[data-menu=lado] .tn-falar,.tela[data-menu=lado] .tn-falar .tn-falar-t,.tela[data-menu=lado] .tr-eu span{display:inline-flex!important}
  .tela[data-menu=lado] .tn-busca,.tela[data-menu=lado] .tn-falar{justify-content:flex-start;min-height:44px}
  .tela[data-menu=lado] .tr-eu{padding:4px 12px 4px 4px}
  .tela[data-menu=lado]>.conv{top:0}
  .tela[data-menu=baixo] .topo-nav{display:none!important}
  .tela[data-menu=baixo] .abas{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))}
  .tela[data-menu=baixo] .abas .ab-larga{display:flex!important}
  .tela[data-menu=baixo] .abas button.mi{background:none;border:0;border-radius:0;font:inherit;color:var(--texto2);cursor:pointer;margin:0}
  .tela[data-menu=baixo] .abas .mi .icc.ico{width:26px;height:26px}
  .tela[data-menu=baixo] .simb-cel-bt{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid var(--conta);background:var(--conta-suave)}
  .tela[data-menu=baixo] .simb-cel-bt .simb.simb-cel{display:block;width:28px;height:15px}
  .tela[data-menu=baixo]>.conv{top:0;bottom:80px}
}
@media (hover:hover) and (pointer:fine){
  @container tela (min-width:1400px){
  .tela[data-menu=padrao] .app{flex-direction:row}
  .tela[data-menu=padrao] .topo-nav{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;height:100%;width:224px;flex:0 0 224px;padding:16px 12px;box-shadow:6px 0 24px rgba(0,0,0,.12);overflow-y:auto}
  .tela[data-menu=padrao] .tn-marca{padding:4px 8px 12px}.tela[data-menu=padrao] .tn-marca b{display:inline}
  .tela[data-menu=padrao] .tn-areas{flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:4px}
  .tela[data-menu=padrao] .tn-areas .mi,.tela[data-menu=padrao] .tn-areas .mi:not(.ativo){flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 12px;min-height:46px;border-radius:14px;font-size:var(--t-apoio)}
  .tela[data-menu=padrao] .tn-areas .mi .l-longo,.tela[data-menu=padrao] .tn-areas .mi:not(.ativo) span.l-longo{display:inline!important}.tela[data-menu=padrao] .tn-areas .mi .l-curto{display:none!important}
  .tela[data-menu=padrao] .tn-dir{margin-top:auto;flex-direction:column;align-items:stretch;gap:8px}
  .tela[data-menu=padrao] .tn-busca span,.tela[data-menu=padrao] .tn-falar,.tela[data-menu=padrao] .tn-falar .tn-falar-t,.tela[data-menu=padrao] .tr-eu span{display:inline-flex!important}
  .tela[data-menu=padrao] .tn-busca,.tela[data-menu=padrao] .tn-falar{justify-content:flex-start;min-height:44px}
  .tela[data-menu=padrao] .tr-eu{padding:4px 12px 4px 4px}
  .tela[data-menu=padrao]>.conv{top:0}
  }
}
/* 5.5 — próprios do computador: passar o mouse mostra o que é tocável; o foco do Tab é um contorno grosso na cor da
   conta; no Hoje em tela larga, a letra sobe um ponto */
@media (hover:hover){
  .tela :is(.mc,.op,.md-l,.mat-g,.mp-aula,.sm-abre,.h3-amanha,.rv3-fx-bt,.plc-a,.mm-t:not([disabled]),.cv-s):hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--conta) 45%,transparent),0 6px 18px color-mix(in srgb,var(--conta) 18%,transparent)}
  .tela :is(.mc,.mat-g,.mp-aula):hover{transform:translateY(-1px)}
  .tela .tn-areas .mi:not(.ativo):hover{background:color-mix(in srgb,var(--trilho-t) 14%,transparent)}
  .tela .dobra-cab:hover h3{text-decoration:underline;text-underline-offset:3px}
  .tela .f:hover{border-color:var(--conta)}
}
.tela :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--conta);outline-offset:2px}
.tela .topo-nav :is(a,button):focus-visible{outline-color:var(--tr-ativo)}
@container tela (min-width:1500px){
  .tela .hB3 .mc-t{font-size:var(--t-corpo)}
  .tela .hB3 .mc-u,.tela .hB3 .h3-rm .s,.tela .hB3 .h3-n small,.tela .hB3 .fala{font-size:var(--t-apoio)}
  .tela .hB3 .h3-n .rot,.tela .hB3 .pilc{font-size:var(--t-apoio)}
  .tela .hB3 .sm-tx{font-size:var(--t-apoio)}
}
/* 1.16 — à noite (a partir das 19 h), o "Como foi o dia?" chama a atenção */
.tela .btn.lin.lembra{border:1.5px solid transparent;background:var(--amarelo);color:var(--amarelo-t);box-shadow:none}
/* 3.6 — pequenos do celular */
@container tela (max-width:699px){
  /* as folhas: o X numa linha própria, no alto à direita; o conteúdo usa a largura toda, no centro */
  .tela .folha>.folha-x{float:none;display:flex;margin:-8px -8px 0 auto;width:44px}
  .tela .folha>.folha-x+.alca{margin-top:-32px}
  /* a ficha da conta: o texto da cor afastado da borda */
  .tela .fC .roda{padding-left:12px;padding-right:12px}
  .tela .fC .roda p{padding:0 4px}
  /* o modo foco: os 4 botões em 2 × 2, nunca 3 + 1 */
  .tela .foco-fim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .tela .foco-fim .btn{width:100%}
  /* Desempenho: o botão do Mapa da prova (o único caminho até o Mapa no celular) maior e na cor da conta */
  .tela .des-mapa{min-height:48px;padding:8px 16px;font-size:var(--t-apoio)}
  .tela .des-mapa .ico{width:22px;height:22px}
  /* a etiqueta do tipo na página da meta com 14 px */
  .tela .pm-tipo{font-size:var(--t-apoio)}
}
/* "Estudo com o coach, no Claude." é um aviso, não um botão: sem caixa nem borda */
.tela .pm-coach{background:none;box-shadow:none;border:0;padding:4px 0;min-height:0;font-weight:600;color:var(--texto)}
@container tela (min-width:700px) and (max-width:1099px){.tela .tn-areas .mi,.tela .tn-areas .mi:not(.ativo){min-width:48px}}
@container tela (min-width:700px) and (max-width:999px){.tela .pm-painel.aberto .pm-alca{height:44px;min-height:44px;flex:none;margin:-12px 0 -12px}}
/* 1.12 — com o aviso preso embaixo, as folhas (e a página da meta) terminam acima dele: nada fica coberto */
/* 1.8 — na coluna estreita do Mapa (iPad e computador), o placar com o nome numa linha e os números embaixo */
.tela .mp-c3 .plc-a{grid-template-columns:minmax(0,1fr)}
.tela .mp-c3 .plc-a .selo{grid-row:auto}
.tela .mp-c3 .plc-a .pf{grid-column:1;grid-row:auto;text-align:left;white-space:normal}
/* o gráfico dos 14 dias em larguras médias: os números das colunas em letra menor, para dois vizinhos não se tocarem */
@container tela (max-width:1299px){.tela .g14-h{font-size:var(--t-apoio);letter-spacing:-.2px}}
/* dois números vizinhos no gráfico dos 14 dias: o 2º sobe uma linha, para não encostarem */
.tela .g14-c.fixo+.g14-c.fixo .g14-h{transform:translate(-50%,-16px)}
/* 1.12: com a conversa aberta (iPad e computador), o aviso fica na largura do conteúdo, sem cobrir o campo da conversa */
@container tela (min-width:700px){.tela:has(>.conv)>.aviso-t{right:400px}}

/* N-CEL-3 e N-CEL-4 (item 3.3): no celular, o Caminho e o gráfico dos 14 dias abertos no fim do Hoje, com um título só
   (o da dobra), o gráfico na largura toda, abaixo dos 3 números, e as semanas numa lista embaixo (em vez de rótulos
   espremidos sobre colunas de 12 px) */
.g14-sl,.ds-l{display:none}
@container tela (max-width:699px){
  .tela .h3c-dob .gcard{display:block!important}
  .tela .h3c-dob .g-topo h3,.tela .h3c-dob .g14-topo h3{display:none}
  .tela .h3c-dob .g14-topo{justify-content:flex-start}
  .tela .h3c-dob .g-nums{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .tela .h3c-dob .g14-corpo{grid-template-columns:minmax(0,1fr);gap:12px}
  .tela .h3c-dob .g14-nums{flex-direction:row;justify-content:space-between;gap:8px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--borda)}
  .tela .h3c-dob .g14-n{min-width:0}
  .tela .h3c-dob .g14-n .num{font-size:var(--t-2)}.tela .h3c-dob .g14-n .num small{font-size:var(--t-apoio)}
  .tela .h3c-dob .g14-n span{font-size:var(--t-apoio);line-height:1.25}
  .tela .h3c-dob .g14-tl{padding:0 0 0 24px}
  .tela .h3c-dob .g14-guia{left:24px;right:0}
  .tela .h3c-dob .g14-gr{width:20px;font-size:var(--t-apoio)}
  .tela .h3c-dob .g14-sems{gap:8px}.tela .h3c-dob .g14-dias{gap:2px}
  .tela .h3c-dob .g14-st,.tela .h3c-dob .g14-tot,.tela .h3c-dob .g14-sep,.tela .h3c-dob .g14-med span,.tela .h3c-dob .ds-h{display:none}
  .tela .h3c-dob .ds-l{display:inline}
  .tela .h3c-dob .g14-area{margin-top:20px}
  .tela .h3c-dob .g14-med{left:24px;right:0;width:auto}.tela .h3c-dob .g14-med i{width:100%;border-top-width:1.5px}
  .tela .h3c-dob .g14-ds{font-size:var(--t-apoio)}.tela .h3c-dob .g14-dm{font-size:var(--t-apoio)}
  .tela .h3c-dob .g14-h{font-size:var(--t-apoio);letter-spacing:-.2px}
  .tela .h3c-dob .g14-c.fixo:not(.hj) .g14-h{transform:translateX(calc(-100% + 5px))}
  .tela .h3c-dob .g14-c.fixo.hj .g14-h,.tela .h3c-dob .g14-c.fixo+.g14-c.fixo.hj .g14-h{transform:translateX(-5px)}
  .tela .h3c-dob .g14-sl{display:flex;flex-direction:column;gap:4px;list-style:none;margin:12px 0 0;padding:0;font-size:var(--t-apoio);color:var(--texto2)}
  .tela .h3c-dob .g14-sl li.atual{color:var(--tit)}.tela .h3c-dob .g14-sl b{color:var(--tit)}
}

/* N-CEL-5, N-IPAD-6 e N-IPAD-5 (item 1.10): a semana colorida sem datas encavaladas no celular (só o dia e as horas
   curtas), a legenda diz que a cor segue as metas marcadas; no Planejamento, "Próximos dias" e as semanas seguintes
   minimizadas, com o título como botão */
.tela .sem7-hc{display:none}
.tela .sem7-nota{flex-basis:100%;color:var(--texto2);font-size:var(--t-apoio)}
@container tela (max-width:699px){
  .tela .sem7-mes,.tela .sem7-hl{display:none}
  .tela .sem7-hc{display:inline;font-variant-numeric:tabular-nums}
  .tela .sem7-dt{font-size:var(--t-corpo)}
  .tela .sem7-h{font-size:var(--t-apoio);line-height:1.25;white-space:nowrap;letter-spacing:-.3px}
}
.tela .pA .faixas>.sem-cab.sem-tg{display:block;margin:12px 0 0;grid-column:1/-1}
.tela .pA .sem-tg-b{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:1.5px solid var(--conta);border-radius:14px;background:var(--conta-suave);color:var(--tit);font:inherit;font-size:var(--t-corpo);font-weight:700;text-align:left;cursor:pointer}
.tela .pA .sem-tg-v{font-size:var(--t-apoio);font-weight:700;color:var(--conta-t);white-space:nowrap}
.tela .pA[data-prox=fechada] .sem-prox{display:none!important}
.tela .pA[data-prox=fechada] .sem-tg~.sem-tg{display:none!important}

/* PC-4 e N-PC-6 (item 5.2): a conversa vira coluna ao lado já a partir de 1200 px (a 1440 ela cobria o conteúdo); com ela
   aberta, entre 1200 e 1699 px, o menu do lado fica só com os ícones e o Hoje vai numa coluna só (a 1512 ele ficava
   espremido em 2 colunas de ~890 px) */
@container tela (min-width:1200px){
  .tela:has(>.conv) .app>.rolo{padding-right:380px}
  .tela>.conv{top:66px;bottom:0;right:0;width:380px;border-radius:0;box-shadow:none;border-width:0 0 0 1px}
  .tela:has(>.conv)>.aviso-t{right:380px}
}
@container tela (min-width:1200px) and (max-width:1699px){
  .tela[data-menu=lado]:has(>.conv) .topo-nav{width:76px;flex-basis:76px;padding:16px 12px}
  .tela[data-menu=lado]:has(>.conv) :is(.tn-marca b,.tn-areas .mi:not(.x-sem) span.l-longo,.tn-areas .mi:not(.x-sem) span.l-curto,.tn-busca span,.tn-falar .tn-falar-t,.tr-eu>span:not(.pz)){display:none!important}
  .tela[data-menu=lado]:has(>.conv) :is(.tn-areas .mi,.tn-busca,.tn-falar,.tr-eu){justify-content:center!important;padding-left:0!important;padding-right:0!important}
  .tela[data-menu=lado]:has(>.conv) .tn-marca{justify-content:center;padding:4px 0 12px}
  .tela:has(>.conv) .h5{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"pass" "lista" "coach" "rumo" "nums" "cam" "vez" "g14"}
  .tela:has(>.conv) .h5 .h3-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* o gráfico dos 14 dias, nessa coluna, com os 3 números em cima (as colunas dos dias ficavam com 18 px) */
  .tela:has(>.conv) .h5 .g14-corpo{grid-template-columns:minmax(0,1fr)}
  .tela:has(>.conv) .h5 .g14-nums{flex-direction:row;flex-wrap:wrap;gap:12px 24px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--borda)}
  .tela:has(>.conv) .h5 .g14-tl{padding-right:84px}
  .tela:has(>.conv) .h5 .g14-sems{gap:12px}.tela:has(>.conv) .h5 .g14-dias{gap:3px}
}
@media (hover:hover) and (pointer:fine){@container tela (min-width:1400px) and (max-width:1699px){
  .tela[data-menu=padrao]:has(>.conv) .topo-nav{width:76px;flex-basis:76px;padding:16px 12px}
  .tela[data-menu=padrao]:has(>.conv) :is(.tn-marca b,.tn-areas .mi:not(.x-sem) span.l-longo,.tn-areas .mi:not(.x-sem) span.l-curto,.tn-busca span,.tn-falar .tn-falar-t,.tr-eu>span:not(.pz)){display:none!important}
  .tela[data-menu=padrao]:has(>.conv) :is(.tn-areas .mi,.tn-busca,.tn-falar,.tr-eu){justify-content:center!important;padding-left:0!important;padding-right:0!important}
  .tela[data-menu=padrao]:has(>.conv) .tn-marca{justify-content:center;padding:4px 0 12px}
}}
/* N-IPAD-3 (item 1.6): na cor amarela, o símbolo escuro (amarelo sobre a barra amarela quase sumia); fora da barra, a cor
   do título da conta, que no amarelo é escura no claro */
.tela[data-cor=amarelo] .app .simb{background:var(--tit)}
.tela[data-cor=amarelo] .app .tn-marca .simb{background:var(--trilho-t)}
/* PC-23, PC-24, N-IPAD-4 e CEL-8 (item 1.5): no "Fiz parte", os blocos um embaixo do outro, na largura do Registrar,
   com o nome inteiro; os 4 botões do Registrar, depois da escolha, em 2 × 2 com ícone e nome numa linha (não mais 4
   quadrados com rótulo miúdo); a etiqueta "revisão de fim de módulo" quebra a linha em vez de cortar */
.tela .pm-bks{grid-template-columns:minmax(0,1fr)}
.tela .pm-bk .bk-l{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.tela .pm-painel[data-estado="2"] .pm-ops{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tela .pm-painel[data-estado="2"] .pm-op{flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:8px 12px;font-size:var(--t-apoio);text-align:left;white-space:nowrap}
.tela .pm-painel[data-estado="2"] .pm-op i{flex:none}
.tela .pm-etqs .etq{white-space:normal;max-width:100%}
/* item 1.13: os textos compridos que sobraram viram tópicos (o que falta na página da meta e a porta de questões) */
.tela ul.pm-qmsg,.tela .pm-faltas ul,.tela .pm-porque ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.tela .pm-faltas ul{font-size:inherit}
.tela ul.mat-top{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.45}
/* PC-31 e N-PC-7 (item 5.5): no computador (a partir de 1400 px), o Hoje sem letra de 12–13 px: etiquetas, rótulos,
   tempos, números dos gráficos e do Caminho sobem para 14 px; a partir de ~1700 px, o Rumo da semana fica embaixo do
   coach e o gráfico dos 14 dias ocupa a largura toda embaixo */
@container tela (min-width:1400px){
  .tela .hB3 :is(.data,.s,.pilc,.mc-mat-t,.mc-mat,.mc-u,.mc-tempo,.rot,small,.g-leg span,.g-rod,.fonte,.g14-gr,.g14-dm,.g14-h,.g14-sf,.g14-sp,.g14-med span){font-size:var(--t-apoio)}
  .tela .hB3 .gf text.gf-t{font-size:var(--t-apoio)}
  .tela .hB3 .g14-gr{width:32px}
  .tela .hB3 .h3-n .linha .rot{font-size:var(--t-apoio)}
}
@container tela (min-width:1700px){
  .tela .h5>.h5-d{grid-template-columns:minmax(0,1fr)}
}
/* 2ª rodada (pedido do motor): a marca recusada diz o porquê na própria linha da meta sem marca, até o próximo toque */
.tela .sm-l:has(>.sm-recusa){flex-wrap:wrap!important}
.tela .sm-recusa{flex-basis:100%;margin:2px 0 4px;padding:8px 12px;border-radius:8px;border:1.5px solid var(--atn);background:color-mix(in srgb,var(--atn) 12%,var(--cartao));color:var(--tit);font-size:var(--t-apoio);font-weight:700;line-height:1.35}
/* o gráfico dos 14 dias: quando o dia de maior estudo é ontem, o rótulo dele vai para a esquerda e o de hoje para a
   direita (com a letra de 14 px no computador, "4h15" e "25min" se encostavam) */
.tela .g14 .g14-c.fixo:has(+ .g14-c.fixo.hj) .g14-h{transform:translateX(calc(-100% + 3px))}
.tela .g14 .g14-c.fixo+.g14-c.fixo.hj .g14-h{transform:translateX(-3px)}

/* ===================== Obra de design de 13/11/2026 (guia Apple): a camada final, por cima do resto ===================== */
/* 3.2 cartão: no claro, branco sem borda com uma sombra só; no escuro, sem sombra (a camada se separa pela cor) */
.tela[data-estilo=vidro] .cartao{border-color:transparent;border-radius:var(--r-cartao);background:var(--cartao)}
.tela[data-estilo=vidro][data-tema=claro] .cartao{box-shadow:0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)}
.tela[data-estilo=vidro][data-tema=escuro] .cartao{box-shadow:none}
.tela{--cartao-2:color-mix(in srgb,var(--cartao) 94%,var(--texto))}
/* 3.3 a barra de baixo do celular: vidro de verdade (o fundo vira cor, não texto), 56 px + o recorte do iPhone */
.tela .abas{min-height:calc(56px + env(safe-area-inset-bottom));padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important;
  background:color-mix(in srgb,var(--bg1) 72%,transparent);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);
  border-top:.5px solid color-mix(in srgb,var(--texto) 14%,transparent);box-shadow:none}
.tela .abas .mi{min-height:48px;padding:2px 0 0!important}
.tela .abas .mi.ativo .icc-p{box-shadow:none}
@container tela (max-width:699px){.tela .area{padding-bottom:calc(56px + 24px + env(safe-area-inset-bottom))}}
/* 4 botões: o cheio (amarelo) com 50 px, canto 14, 17 px peso 600, sem brilho; o resto tingido (acima); resposta ao toque */
.tela .btn{border-radius:var(--r-btn);transition:transform .2s ease-out,opacity .2s ease-out,background-color .2s}
.tela .btn.peq{border-radius:var(--r-campo)}
.tela .btn.p{min-height:50px;font-weight:600;font-size:var(--t-dest);box-shadow:inset 0 0 0 2px var(--btn-contorno)}
.tela[data-estilo] .btn.p{box-shadow:inset 0 0 0 2px var(--btn-contorno)}
.tela .btn:active,.tela .mi:active,.tela [data-acao]:is(button,a):active{transform:scale(.97);opacity:.85;transition:transform .12s ease-out,opacity .12s}
/* 7.7 o aviso com Desfazer: cápsula de vidro escuro, letra branca 15 px, Desfazer em amarelo, 50 px, acima da barra de baixo */
.tela>.aviso-t,.tela[data-tema=escuro]>.aviso-t{background:rgba(20,20,22,.92);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);color:#FFFFFF;
  border-radius:25px;min-height:50px;padding:4px 8px 4px 20px;font-size:var(--t-apoio);box-shadow:0 8px 24px rgba(0,0,0,.18);flex-wrap:nowrap;gap:8px;
  left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:min(480px,calc(100% - 32px));bottom:calc(56px + 16px + env(safe-area-inset-bottom))}
.tela>.aviso-t>span{flex:1 1 auto;min-width:0}
.tela>.aviso-t .btn{background:transparent!important;border:0!important;color:#F6C21A!important;font-weight:600;font-size:var(--t-apoio);padding:8px 12px;border-radius:999px}
/* no computador e no iPad a cápsula fica no pé, numa faixa guardada (não cobre o conteúdo, 1.12); no celular, de ponta a ponta com 12 px */
@container tela (min-width:700px){.tela>.aviso-t{bottom:12px}.tela:has(>.aviso-t) .app>.rolo{margin-bottom:74px}}
@container tela (max-width:699px){.tela>.aviso-t{left:12px;right:12px;width:auto;transform:none;max-width:none}}
/* 9 "sem esse dado": texto simples, 15 px, cor secundária (sem a cápsula tracejada) */
.tela .selo,.tela .ex{border:0;padding:0;border-radius:0;font-size:var(--t-apoio);font-weight:400;color:var(--texto2);background:none}
.tela .nada{border:0;padding:8px 0;text-align:left;font-size:var(--t-apoio);color:var(--texto2)}
.tela .ia-off{border:0;padding:0;font-size:var(--t-apoio)}
.tela .semd{font-size:var(--t-apoio);color:var(--texto2);margin:0}
.tela .pm-anel.vazio{display:flex;align-items:center}
/* 3.4 o verde de "feito" no escuro com contraste (o verde do sistema no escuro) */
.tela[data-tema=escuro]{--bom-t:#30D158}.tela[data-tema=claro]{--bom-t:#0B7F4F} /* o verde do texto com contraste 4,5 (o #18B979 dá 2,5 no branco) */
/* 3.4 e A14: uma ação amarela por tela. O enviar da conversa e do campo do coach vira círculo na cor da conta;
   com o Registrar aberto, o amarelo é o Confirmar, e o Começar do cronômetro fica tingido */
.tela .cv-entrada button[type=submit].btn.p,.tela .cv-esc .cv-env.btn.p{background:var(--conta);color:var(--cartao);border:0;border-radius:999px;box-shadow:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
.tela .pm-painel[data-estado="2"] .pm-cb.btn.p,.tela .folha:has(.pm-painel[data-estado="2"]) .pm-cb.btn.p{background:color-mix(in srgb,var(--conta) 14%,var(--cartao));color:var(--conta-t);box-shadow:none}
/* com a letra maior (piso de 15), o título da linha não se espreme ao lado do apoio: o apoio desce */
.tela .linha:has(>h3.cresce){flex-wrap:wrap;row-gap:4px}.tela .linha>h3.cresce{min-width:min(100%,14em)}
/* 1.2 a escala: o nome da meta é Destaque (17/600); o "Agora" é Título 2 (22) */
.tela .mc-t{font-size:var(--t-dest);font-weight:600}
.tela .h3-vez h2{font-size:var(--t-2)}
/* piso de 15 px na semana colorida do celular (interino até o Bloco 3, CEL3): as horas só no dia de hoje, que fica mais largo */
@container tela (max-width:699px){
  .tela .sem7-l{display:flex}.tela .sem7-d{flex:1 1 0;min-width:0}.tela .sem7-d.hj{flex:1.6 1 0}
  .tela .sem7-d:not(.hj) .sem7-h{display:none}
}
/* C11: sem o anel com "—", o "sem esse dado" do andamento vai numa linha própria, embaixo, sem apertar o título */
.tela .pm-cab:has(.pm-anel.vazio){grid-template-columns:minmax(0,1fr);grid-template-areas:"ex" "l1" "tt" "sub" "tags" "anel"}
.tela .pm-anel.vazio{justify-content:flex-start;margin-top:8px;align-self:start}

/* ===================== Acertos do Designer, bloco 1 (REVISAO-BLOCO-1.md) ===================== */
/* 1. no escuro, nenhuma sombra nem brilho nas peças de conteúdo: a camada se separa pela cor (guia 3.2) */
.tela[data-tema=escuro] :is(.cartao,.fala,.h3-vez,.etq,.btn:not(.p),.pm-card,.op,.mat-g,.md-l,.dest-ouro,.barra b,.pm-hj>i,.tn-areas .mi.ativo,.mc:not(.vez)){box-shadow:none!important}
.tela[data-tema=escuro] .h3-lista .mc.vez{box-shadow:inset 4px 0 0 var(--tp)!important}
.tela .tn-areas .mi.ativo{box-shadow:none}
/* 2. o selo que vem depois de um texto na mesma linha ganha o " · " (sem ele: "desde o inícioabaixo da meta") */
.tela :is(small,span,b,a)+.selo::before,.tela .selo+.selo::before{content:"· "}
.tela :is(small,span,b,a)+.selo{margin-left:4px}
/* 3. tracejado só no dia futuro da semana e nos alvos de arrastar: o resto vira cartão sem borda */
.tela .pA .dev,.tela .pC .dev{border:0;background:var(--cartao)}
.tela[data-tema=claro] .pA .dev,.tela[data-tema=claro] .pC .dev{box-shadow:0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)}
.tela .h3-amanha,.tela .mais,.tela .semq button,.tela .fx-res{border:0;border-radius:var(--r-cartao)}
.tela .mais,.tela .semq button{background:var(--cartao-2);border-radius:var(--r-campo)}
.tela .mc[data-adiada]::after,.tela .mt.reenc .reenc-t{border:0;padding:0}
.tela .fx-rod{border-top:1px solid color-mix(in srgb,var(--texto) 12%,transparent)}
/* 4. sem contorno nos botões: Sozinho/Em dupla como o seletor do iOS; o Fazer aqui tingido; as abas do Desempenho e o Selecionar matérias sem contorno */
.tela .pm-modo{display:inline-flex;flex-wrap:nowrap;gap:0;padding:4px;border-radius:999px;background:var(--cartao-2);align-self:flex-start;max-width:100%}
.tela .pm-modo button{border:0;border-radius:999px;background:transparent;font-weight:600;color:var(--texto);min-height:44px;padding:8px 16px}
.tela .pm-modo button[aria-pressed=true]{background:var(--cartao);color:var(--tit);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.tela .pm-jb{border:0;background:color-mix(in srgb,var(--questoes) 14%,var(--cartao))}
.tela .pm-jb.fdx{background:var(--questoes)}
.tela .est-abas button{border:0;background:var(--cartao-2)}
.tela .est-abas button[aria-selected=true]{background:var(--tit);color:var(--cartao)}
.tela .est-filtro [data-acao=est-mats].btn:not(.est-mats-on){background:none;border:0;color:var(--conta-t);font-size:var(--t-dest);font-weight:600;padding:8px 4px}
/* 5. as caixas de informação da página da meta: fundo --cartao-2, canto 12, sem borda; número 22/700, rótulo 15 */
.tela .pm-tag{box-shadow:none;border:0;background:var(--cartao-2);border-radius:var(--r-campo)}
.tela .pm-tag b{font-size:var(--t-2)}.tela .pm-tag span{font-size:var(--t-apoio);font-weight:400;color:var(--texto2)}
/* 6. amarelo só na ação principal: as etiquetas (25%, 67% de acerto) em letra secundária, sem fundo */
.tela .etq{background:none;color:var(--texto2);font-size:var(--t-apoio);font-weight:600;padding:0;box-shadow:none}
/* 8. no máximo 5 tamanhos: a "Próxima parada" do Mapa em 20 (como os outros títulos); o cronômetro e o número do anel no tamanho-herói de 40 */
.tela .prox-p h2{font-size:var(--t-3)}
.tela .pm-crono b{font-size:40px}
/* 7. vãos: dentro de grades e colunas quem separa é o gap (sem margem somada); no celular o cartão tem 16 de respiro
   (guia 2.1), as seções 16 entre si e os cartões da mesma seção 12 */
.tela .area :is(.mp-c1,.mp-c2,.mp-c3,.grade,.est-2,.est-4,.quatro,.estradas,.des-mats)>*{margin-top:0;margin-bottom:0}
.tela .area :is(.mM3,.mat,.des3,.est-corpo,.plan,.corpo,.fC)>:is(section,div,header,.cartao):last-child{margin-bottom:0}
@container tela (max-width:699px){
  .tela .cartao{padding:16px}
  .tela .area :is(.mp-3,.mp-c1,.mp-c2,.mp-c3,.grade,.est-2,.est-4,.quatro,.estradas,.des-mats){gap:12px}
  .tela .area :is(.mM3,.mat,.des3,.est-corpo,.plan,.corpo)>:is(section,div,header){margin-top:0;margin-bottom:16px}
  .tela .area :is(.mM3,.mat,.des3,.est-corpo,.plan,.corpo)>:is(section,div,header):last-child{margin-bottom:0}
  .tela .cab{margin-bottom:16px}
}
@container tela (min-width:700px){
  .tela .area :is(.mM3,.mat,.des3,.est-corpo,.plan,.corpo)>:is(section,div,header){margin-top:0;margin-bottom:24px}
  .tela .area :is(.mp-3,.mp-c1,.mp-c2,.mp-c3,.grade,.est-2,.est-4,.estradas){gap:16px}
}
/* ===================== Bloco 2 (organização e conta) ===================== */
.tela .vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0);white-space:nowrap;padding:0!important;border:0!important}
/* guia 1.4: a data acima do título grande */
.tela .sobre{font-size:var(--t-apoio);font-weight:600;color:var(--texto2);margin:0 0 4px}
/* CEL1, IPAD3, PC2 e C9: as metas de hoje numa lista agrupada (um cartão, linhas de 64 px, linha fina recuada) */
.tela .h3-grupo{padding:0;overflow:hidden}
.tela .h3-lista{display:flex;flex-direction:column;gap:0}
.tela .h3-lista .mc{display:grid;grid-template-columns:30px minmax(0,1fr) auto 12px;align-items:center;column-gap:12px;min-height:64px;padding:8px 16px;
  border:0;border-radius:0;background:transparent;box-shadow:none;position:relative;color:var(--texto);transform:none}
.tela .h3-lista .mc+.mc::before,.tela .h3-grupo .h3-lista+.h3-amanha::before{content:"";position:absolute;top:0;left:58px;right:0;border-top:1px solid color-mix(in srgb,var(--texto) 12%,transparent)}
.tela .h3-lista .mc.vez{background:var(--cartao-2);box-shadow:inset 4px 0 0 var(--tp)}
.tela .h3-lista .mc:hover{box-shadow:none;transform:none;background:color-mix(in srgb,var(--texto) 4%,transparent)}
.tela .h3-lista .mc.vez:hover{box-shadow:inset 4px 0 0 var(--tp)}
.tela .mc-ic{width:30px;height:30px;border-radius:var(--r-et);background:var(--tp);display:grid;place-items:center;color:#FFFFFF}
.tela .mc-ic svg{width:18px;height:18px}
.tela .h3-lista .mc-meio{display:flex;flex-direction:column;min-width:0}
.tela .h3-lista .mc-t{font-size:var(--t-dest);font-weight:600;line-height:1.3;color:var(--tit)}
.tela .h3-lista .mc-u{font-size:var(--t-apoio);line-height:1.35;color:var(--texto2);white-space:normal;overflow:visible}
.tela .h3-lista .mc-mat{display:inline;font-size:inherit;font-weight:400;color:inherit;white-space:normal;overflow:visible;max-width:none}
.tela .h3-lista .mc-tempo{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font-size:var(--t-apoio);font-weight:400;color:var(--texto2);white-space:nowrap}
.tela .h3-lista .mc-seta{display:block;font-size:var(--t-corpo);line-height:1;color:var(--texto2)}
/* guia 8: a meta feita riscada, com o visto verde e "Feito"; o quadradinho a 50%, sem a faixa */
.tela .h3-lista .mc[data-reg=feito],.tela .h3-lista .mc[data-reg=nao]{opacity:1}
.tela .h3-lista .mc[data-reg=feito] .mc-t{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--texto) 55%,transparent);color:var(--texto2)}
.tela .h3-lista .mc[data-reg=feito] .mc-ic{opacity:.5}
.tela .h3-lista .mc[data-reg=feito].vez{box-shadow:none}
.tela .h3-lista .mc-tempo.mc-feito{color:var(--bom-t);font-weight:600}
.tela .h3-lista .mc-feito svg{width:22px;height:22px;color:var(--bom)}
.tela .h3-lista .mc-tempo.mc-parte{color:var(--tit);font-weight:600}
.tela .mc-meia{display:inline-block;width:16px;height:16px;border-radius:50%;background:linear-gradient(90deg,var(--amarelo) 50%,transparent 50%);box-shadow:inset 0 0 0 2px var(--amarelo)}
.tela .h3-lista .mc-tempo.mc-nao{color:var(--frc-tinta);font-weight:600}
/* Amanhã: uma linha discreta no fim do grupo */
.tela .h3-grupo .h3-amanha{position:relative;margin:0;border:0;border-radius:0;background:transparent;min-height:52px;padding:8px 16px;gap:8px;font-size:var(--t-apoio);color:var(--texto2)}
.tela .h3-grupo .h3-amanha .rot{font-size:var(--t-apoio);font-weight:600;color:var(--texto);text-transform:none;letter-spacing:0}
.tela .h3-grupo .h3-amanha .h3-am-acao{font-size:var(--t-corpo);color:var(--texto2)}
.tela .h3-grupo .h3-amanha:hover{box-shadow:none;transform:none;background:color-mix(in srgb,var(--texto) 4%,transparent)}
/* guia 9: o estado vazio do dia (Dia completo; Sem estudo hoje) */
.tela .vazio-dia{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 16px;margin-bottom:12px}
.tela .vazio-dia .vz-ic{display:grid;place-items:center;width:56px;height:56px;color:var(--texto2)}
.tela .vazio-dia .vz-ic svg{width:56px;height:56px}
.tela .vazio-dia .vz-ic.bom{color:var(--bom)}
.tela .vazio-dia h2{font-size:var(--t-2);font-weight:700}
.tela .vazio-dia p{font-size:var(--t-corpo);color:var(--texto2);max-width:32ch}
/* os botões do dia: tingidos, 17/600; no celular 2 × 2 de 50 px, no iPad e no computador numa linha de 4 */
.tela .h3-ativ>.h3-dia-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0}
.tela .area .h3-ativ>.h3-dia-acoes .btn{width:100%;min-height:50px;padding:8px 12px;font-size:var(--t-dest);font-weight:600;white-space:normal;line-height:1.2;border-radius:var(--r-btn);flex:none}
.tela .h3-ativ>.h3-dia-acoes .btn.lembra{order:-1;flex-basis:auto} /* R2.5: à noite o "Como foi o dia?" vem em primeiro */
.tela .h3-ativ>.h3-dia-acoes .btn[data-acao=avisos]{grid-column:1/-1}
@container tela (min-width:700px){.tela .h3-ativ>.h3-dia-acoes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tela .h3-ativ>h3{margin-bottom:12px}
/* celular: o cabeçalho (data, título grande e o avatar) e a Missão compacta */
.tela .h3c-cab{display:block;padding:0;margin-bottom:16px}
.tela .h3c-cab h1{font-size:var(--t-grande);line-height:1.15}
.tela .h3c-missao.h3c-faixa{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px}
.tela .h3c-missao h3{font-size:var(--t-apoio);font-weight:600;color:var(--texto2);margin:0}
.tela .h3c-m{font-size:var(--t-dest);color:var(--tit);margin:0}
.tela .h3c-m b{font-weight:600}
.tela .h3c-missao .an1{gap:0}
/* C14: a conta à vista. No celular, o avatar (o rosto do boneco, 36 px com anel na cor da conta) na ponta direita
   da linha do título grande, em toda tela principal; tocar abre a Ficha da conta. O símbolo FO deixa de ser o botão. */
.tela .h1-simb{display:flex;align-items:center;gap:12px}
.tela .h1-simb>span{min-width:0}
.tela .simb-cel-bt{display:none}
@container tela (max-width:699px){
  .tela .simb-cel-bt{order:2;margin-left:auto;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none}
  .tela .simb-cel-bt .simb.simb-cel{display:none}
  .tela .simb-cel-bt .av-pz{display:block;width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 2px var(--conta);background-color:var(--cartao-2);background-size:170%;background-position:50% 6%;background-repeat:no-repeat}
}
.tela[data-conta=caio] .av-pz{background-image:url(/personagens/poses/caio/vf.webp)}
.tela[data-conta=atila] .av-pz{background-image:url(/personagens/poses/atila/vf.webp)}
.tela .h3-grupo .h3-amanha{display:flex;flex-wrap:nowrap;align-items:center}
.tela .h3-grupo .h3-amanha .corta{order:0;flex:1 1 auto;min-width:0;white-space:normal}
.tela .h3-grupo .h3-amanha .h3-am-acao{order:1}
/* C10: o botão (i) (44 px de alvo, desenho de 20) e a folha que ele abre */
.tela .info-i{display:inline-grid;place-items:center;width:44px;height:44px;margin:-12px -8px -12px 0;padding:0;border:0;background:none;color:var(--conta-t);vertical-align:middle;cursor:pointer}
.tela .info-i svg{width:20px;height:20px}
.tela .info-folha{display:flex;flex-direction:column;gap:12px;max-width:68ch}
.tela .info-folha ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
/* PC1 (V41): no menu do lado, de cima para baixo: FiscalOne, a conta (avatar 32, nome e a seta), Buscar (cápsula de 44: a regra dos alvos de 44 px vale sobre os 40 do guia),
   as áreas (linhas de 44, 17 px) e, no pé, só "Falar com o coach". 248 px de largura (260 a partir de 1600). */
.tela .tr-eu-v{display:none;width:20px;height:20px;flex:none;opacity:.8}
@container tela (min-width:700px){
  .tela[data-menu=lado] .topo-nav{width:248px;flex-basis:248px;gap:8px}
  .tela[data-menu=lado] .tn-dir{display:contents}
  .tela[data-menu=lado] .tn-marca{order:0}
  .tela[data-menu=lado] .tr-eu{order:1;min-height:48px;padding:4px 8px 4px 4px!important;border-radius:var(--r-campo);background:color-mix(in srgb,var(--trilho-t) 10%,transparent);font-size:var(--t-dest);font-weight:600;gap:12px}
  .tela[data-menu=lado] .tr-eu .pz.mini{width:32px;height:32px}
  .tela[data-menu=lado] .tr-eu>span:not(.pz){flex:1;text-align:left}
  .tela[data-menu=lado] .tr-eu-v{display:block}
  .tela[data-menu=lado] .tn-busca{order:2;min-height:44px;height:44px;border:0;border-radius:999px;background:color-mix(in srgb,var(--trilho-t) 12%,transparent);font-size:var(--t-dest);font-weight:400;padding:0 12px;margin-bottom:8px}
  .tela[data-menu=lado] .tn-areas{order:3}
  .tela[data-menu=lado] .tn-areas .mi,.tela[data-menu=lado] .tn-areas .mi:not(.ativo){min-height:44px;padding:8px 12px;font-size:var(--t-dest);font-weight:600;border-radius:var(--r-campo)}
  .tela[data-menu=lado] .tn-falar{order:4;margin-top:auto;border:0;background:color-mix(in srgb,var(--trilho-t) 12%,transparent);font-size:var(--t-dest);border-radius:var(--r-campo)}
}
@container tela (min-width:1600px){.tela[data-menu=lado] .topo-nav{width:260px;flex-basis:260px}}
@media (hover:hover) and (pointer:fine){
  @container tela (min-width:1400px){
    .tela[data-menu=padrao] .topo-nav{width:248px;flex-basis:248px;gap:8px}
    .tela[data-menu=padrao] .tn-dir{display:contents}
    .tela[data-menu=padrao] .tn-marca{order:0}
    .tela[data-menu=padrao] .tr-eu{order:1;min-height:48px;padding:4px 8px 4px 4px!important;border-radius:var(--r-campo);background:color-mix(in srgb,var(--trilho-t) 10%,transparent);font-size:var(--t-dest);font-weight:600;gap:12px}
    .tela[data-menu=padrao] .tr-eu .pz.mini{width:32px;height:32px}
    .tela[data-menu=padrao] .tr-eu>span:not(.pz){flex:1;text-align:left}
    .tela[data-menu=padrao] .tr-eu-v{display:block}
    .tela[data-menu=padrao] .tn-busca{order:2;min-height:44px;height:44px;border:0;border-radius:999px;background:color-mix(in srgb,var(--trilho-t) 12%,transparent);font-size:var(--t-dest);font-weight:400;padding:0 12px;margin-bottom:8px}
    .tela[data-menu=padrao] .tn-areas{order:3}
    .tela[data-menu=padrao] .tn-areas .mi,.tela[data-menu=padrao] .tn-areas .mi:not(.ativo){min-height:44px;padding:8px 12px;font-size:var(--t-dest);font-weight:600;border-radius:var(--r-campo)}
    .tela[data-menu=padrao] .tn-falar{order:4;margin-top:auto;border:0;background:color-mix(in srgb,var(--trilho-t) 12%,transparent);font-size:var(--t-dest);border-radius:var(--r-campo)}
  }
  @container tela (min-width:1600px){.tela[data-menu=padrao] .topo-nav{width:260px;flex-basis:260px}}
}
/* com a conversa aberta (menu só de ícones), a seta e a largura de 248 saem */
@container tela (min-width:1200px) and (max-width:1699px){
  .tela:is([data-menu=lado],[data-menu=padrao]):has(>.conv) .topo-nav{width:76px;flex-basis:76px}
  .tela:is([data-menu=lado],[data-menu=padrao]):has(>.conv) .tr-eu-v{display:none!important}
  .tela:is([data-menu=lado],[data-menu=padrao]):has(>.conv) .tr-eu{background:none}
}
/* IPAD2: iPad em pé (e larguras de 700 a 1099), barra de cima com os nomes em 15 px peso 600, "Plano", sem o FO;
   à direita Buscar, Falar com o coach e o avatar com o nome */
@container tela (min-width:700px) and (max-width:1099px){
  .tela .topo-nav .tn-marca{display:none}
  .tela .tn-areas .mi,.tela .tn-areas .mi:not(.ativo){font-size:var(--t-apoio);font-weight:600}
  .tela .tn-areas .mi .l-curto,.tela .tn-areas .mi:not(.ativo) span.l-curto{display:inline}
  .tela .topo-nav .tr-eu span{display:inline!important}
  .tela .topo-nav .tr-eu{padding:4px 12px 4px 4px}
}
.tela .h3c-missao .bon.h3c-bon{--h:60px;flex:none;margin:-8px 0}
/* C15: a Ficha da conta como os Ajustes: avatar de 96 (no celular, 72) e o nome; a Aparência em primeiro; 2 colunas no computador */
.tela .fC .fc-cab{display:flex;align-items:center;gap:16px}
.tela .fC .fc-av .pz.mini{width:96px;height:96px;box-shadow:0 0 0 3px var(--conta);background-color:var(--cartao-2)}
@container tela (max-width:699px){.tela .fC .fc-av .pz.mini{width:72px;height:72px}.tela .fC .fc-cab .simb-cel-bt{display:none}}
.tela .fC .fc-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@container tela (min-width:1100px){.tela .fC .fc-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}}
.tela .fC .grupos{margin-top:0;display:flex;flex-direction:column;gap:16px}
.tela .fC .grupos>.grupo{margin:0}
.tela .fC .roda{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:16px}
.tela .fC .roda h3,.tela .fC .grupo h3{font-size:var(--t-3);margin:0 0 4px}
.tela .fC .fc-lin{display:flex;flex-direction:column;gap:8px}
.tela .fC .fc-lin>b{font-size:var(--t-dest);font-weight:600;display:flex;align-items:center;gap:4px}
.tela .fC .roda .cores{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px;margin:0}
.tela .fC .cor-b{min-height:52px;padding:4px}
.tela .fC .cor-b i{width:44px;height:44px;box-shadow:none}
.tela .fC .cor-b[aria-checked=true] i{box-shadow:none}
.tela .fC .fc-padrao{align-self:flex-start}
/* o seletor do iOS (guia 4): uma cápsula, o escolhido em --cartao com sombra leve, 15/600, alvo de 44 */
.tela .seg-ios{display:flex;flex-wrap:nowrap;gap:0;padding:4px;border-radius:999px;background:var(--cartao-2);width:100%;max-width:100%}
.tela .seg-ios .f{flex:1 1 0;min-width:0;min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--texto);font-size:var(--t-apoio);font-weight:600;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tela .seg-ios .f[aria-pressed=true],.tela[data-tema=escuro] .seg-ios .f[aria-pressed=true]{background:var(--cartao);color:var(--tit);box-shadow:0 1px 4px rgba(0,0,0,.14)}
.tela[data-tema=escuro] .seg-ios .f[aria-pressed=true]{background:color-mix(in srgb,var(--cartao) 70%,var(--texto) 30%);color:var(--tit)}
/* a barra de voltar (guia 6.1): presa no alto, em vidro; à esquerda "‹ Desempenho", no meio o título pequeno 17/600 */
.tela .volta-bar{display:none}
@container tela (max-width:1099px){
  .tela .volta-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;position:sticky;top:0;z-index:12;
    margin:-8px -16px 8px;padding:0 8px;min-height:48px;background:color-mix(in srgb,var(--bg1) 72%,transparent);
    -webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-bottom:.5px solid color-mix(in srgb,var(--texto) 14%,transparent)}
  .tela .volta-bar .volta{justify-self:start;min-height:44px;padding:0 8px;border:0;background:none;color:var(--conta-t);font-size:var(--t-dest);font-weight:600;white-space:nowrap;cursor:pointer}
  .tela .volta-bar .volta-t{opacity:0;transition:opacity .2s;font-size:var(--t-dest);font-weight:600;color:var(--tit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}
  .tela .volta-bar+.mat .cab .data,.tela .volta-bar+.trilha-nav{display:none}
}
@container tela (min-width:700px) and (max-width:1099px){.tela .volta-bar{margin:-16px -24px 16px}}
/* o título pequeno só aparece quando o grande sobe ao rolar (Bloco 4, guia 6.1); até lá fica escondido */
/* IPAD3: o Rumo da semana em 15 px, cada matéria em 2 linhas (o nome e as horas em cima, a barra embaixo): o nome não se parte em 3 */
.tela .h3-rm{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"nome txt" "barra barra";row-gap:4px;column-gap:12px;margin-top:12px}
.tela .h3-rm>.mc-mat{grid-area:nome;font-size:var(--t-apoio);font-weight:600;color:var(--texto)}
.tela .h3-rm>.barra{grid-area:barra}
.tela .h3-rm>.s{grid-area:txt;font-size:var(--t-apoio);text-align:right}
/* C15: Sair como nos Ajustes: linha de cartão sem contorno, letra vermelha */
.tela .fC .btn.fc-sair{border:0;background:var(--cartao);color:var(--frc-tinta);font-weight:600;box-shadow:none}
.tela[data-tema=claro] .fC .btn.fc-sair{color:#B42318} /* o vermelho do texto com contraste 4,5 no claro */

/* ===================== Acertos do Designer, bloco 2 (REVISAO-BLOCO-2.md) ===================== */
/* 1. Hoje largo sem coluna vazia (V35): a partir de 1100 px, 3 colunas que terminam juntas: esquerda = Atividades e os 4
   números em 2 × 2; meio = Seu próximo passo e Caminho da aprovação; direita = coach e Rumo; os 14 dias na largura toda */
@container tela (min-width:1100px){
  .tela:not(:has(>.conv)) .h5{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"a b c" "d d d";column-gap:24px;row-gap:24px;align-items:start}
  .tela:not(:has(>.conv)) .h5>:is(.h5-a,.h5-b,.h5-c){display:flex;flex-direction:column;gap:24px;min-width:0}
  .tela:not(:has(>.conv)) .h5>.h5-a{grid-area:a}.tela:not(:has(>.conv)) .h5>.h5-b{grid-area:b}.tela:not(:has(>.conv)) .h5>.h5-c{grid-area:c}
  .tela:not(:has(>.conv)) .h5>.h5-d{grid-area:d;display:block}
  .tela:not(:has(>.conv)) .h5 .h5-i{grid-area:auto}
  .tela:not(:has(>.conv)) .h5 .h3-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 2. os botões do dia nunca em 3 linhas: 2 × 2 também nas colunas do iPad e do computador */
@container tela (min-width:700px){.tela .area .h3-ativ>.h3-dia-acoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 3. Missão: "1 de 4 metas" e, embaixo, "25 min de 4 h" */
.tela .h3c-m .h3c-t{display:block;font-size:var(--t-apoio);color:var(--texto2)}
/* 5. vãos: a Ficha com 24 entre os grupos; títulos de seção → conteúdo 8 (12 no computador) */
.tela .fC .fc-cols,.tela .fC .grupos{gap:24px}
.tela .fC .fc-col>.grupo{margin:0}
@container tela (max-width:699px){.tela .fC .fc-cols,.tela .fC .grupos{gap:16px}}
/* 7. a Ficha larga: seletores até 480 px e as 8 cores numa linha (44 px, 12 entre elas) */
.tela .fC .seg-ios{max-width:480px}
@container tela (min-width:700px){.tela .fC .roda .cores{display:flex;flex-wrap:wrap;gap:12px;width:auto}.tela .fC .cor-b{min-height:44px;padding:0}}
/* 8. o avatar da Ficha no celular com a margem de 16 e 8 acima */
@container tela (max-width:699px){.tela .fC .fc-cab{padding:8px 0 0}}
/* 9. escuro: nenhuma sombra em cartão nem em botão (a bolinha do interruptor fica) */
.tela[data-tema=escuro] :is(.pm-card,.pm-painel,.pm-op,.pm-jb,.seg-ios .f,.fC .cartao,.h3-grupo,.h3c-missao,.cartao){box-shadow:none!important}
.tela .h3-n .linha{flex-wrap:wrap;row-gap:0}.tela .h3-n .linha .rot{min-width:max-content}
/* 6. página da meta com até 5 tamanhos (a 2000: 17, 19, 22, 32 e o herói 40): os números das caixas, do cronômetro de
   cima e dos blocos no Título 1; o "de 22" do anel no apoio */
.tela .pm-tag b,.tela .pm-tres b,.tela .pm-circ{font-size:var(--t-1)}
.tela .an1-de{font-size:var(--t-apoio)!important}
.tela .folha .pm-crono b{font-size:var(--t-1)}

/* ===================== Bloco 3 (o Planejamento) ===================== */
.tela .so-grade{display:none}
/* CEL3: a semana estreita em 7 colunas sem caixa: o dia, o número (o de hoje num círculo da cor da conta) e um ponto */
.tela .sem7{background:none;box-shadow:none;border:0;padding:0;margin-bottom:16px;gap:8px}
.tela .sem7 h2{font-size:var(--t-2);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.tela .sem7 h2 .s{font-size:var(--t-apoio);font-weight:400}
.tela .sem7-tot{font-family:var(--letra-num);font-size:var(--t-apoio);font-weight:600;color:var(--tit);white-space:nowrap}
.tela .sem7-l,.tela .area .sem7-l{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.tela .sem7-d,.tela .sem7-d.hj,.tela .sem7-d.c-vem,.tela .sem7-d.c-hoje{flex:initial;border:0;background:none;box-shadow:none;border-radius:var(--r-campo);padding:4px 0;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;color:var(--texto);cursor:pointer}
.tela .sem7-d .sem7-n{font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
.tela .sem7-d .sem7-dt{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;font-size:var(--t-2);font-weight:700;color:var(--tit);line-height:1}
.tela .sem7-d.hj .sem7-dt{background:var(--conta);color:var(--cartao)}
.tela .sem7-p{display:block;width:8px;height:8px;border-radius:999px;background:var(--c,var(--borda))}
.tela .sem7-d.c-verde .sem7-p{background:#18B979}.tela .sem7-d.c-amarelo .sem7-p{background:#F59E0B}.tela .sem7-d.c-vermelho .sem7-p{background:#E5484D}
.tela .sem7-d.c-vem .sem7-p{background:none;box-shadow:inset 0 0 0 1.5px var(--texto2)}
.tela .sem7-d.c-hoje .sem7-p,.tela .sem7-d.hj .sem7-p{background:var(--conta)}
.tela .sem7-d:hover{background:color-mix(in srgb,var(--texto) 5%,transparent)}
.tela .sem7-hoje{margin:0;font-size:var(--t-apoio);color:var(--texto2)}.tela .sem7-hoje b{color:var(--tit);font-weight:600}
/* o seletor Compacta · Detalhada como o seletor do iOS, na largura toda */
.tela .vista-sel.seg-ios{margin:0 0 16px}
/* Ficou devendo: uma linha com o número em laranja, que abre a lista */
.tela .dev.dobra{border:0;padding:0;background:var(--cartao);border-radius:var(--r-cartao);margin-bottom:16px}
.tela .dev.dobra>.dobra-cab{display:flex;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 16px;border:0;background:none;font-size:var(--t-dest);font-weight:600;color:var(--tit);text-align:left}
.tela .dev .dev-n{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#F59E0B;color:#2A1600;font-family:var(--letra-num);font-size:var(--t-apoio);font-weight:700}
.tela .dev .dev-seta{color:var(--texto2);font-size:var(--t-corpo);transition:transform .2s}
.tela .dev>.dobra-cab[aria-expanded=true] .dev-seta{transform:rotate(90deg)}
.tela .dev>.dobra-corpo{padding:0 16px 16px}
.tela .dev .dobra-cab::after{display:none}
/* G8: arrastar com o dedo no iPad e no celular: segurar a etiqueta não abre o menu de texto do iOS */
.tela .plan .mt[data-meta]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* PC3 e IPAD4 deitado (a partir de 1100 px): a semana toda em 7 colunas, de segunda a domingo */
@container tela (min-width:1100px){
  .tela .so-estreita{display:none!important}
  .tela .so-grade{display:flex}
  .tela section.so-grade{display:flex}
  .tela .g7{margin-bottom:24px}
  .tela .g7-topo{align-items:baseline;gap:16px;margin-bottom:12px}
  .tela .g7-topo h2{font-size:var(--t-2);display:flex;align-items:center;gap:8px}
  .tela .g7-topo h2 .s{font-size:var(--t-apoio);font-weight:400}
  .tela .g7-tot{font-family:var(--letra-num);font-size:var(--t-dest);color:var(--tit)}.tela .g7-tot .s{font-family:var(--letra);font-weight:400}
  .tela .plan .faixas.g7-l{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:stretch}
  .tela .plan .g7-l>.sem-cab{display:none}
  .tela .plan .g7-col{min-width:0;display:flex!important;flex-direction:column;gap:8px;padding:12px 8px;margin:0;border:0;border-radius:var(--r-cartao);background:var(--cartao);grid-template-columns:none}
  .tela[data-tema=claro] .plan .g7-col{box-shadow:0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)}
  .tela .plan .g7-col.dia-hoje,.tela .plan .g7-col[data-dia]:is(.dia-hoje){background:var(--cartao-2);box-shadow:inset 0 0 0 2px var(--conta)}
  .tela .plan .g7-col.passado{background:color-mix(in srgb,var(--cartao) 60%,transparent);box-shadow:none}
  .tela .plan .g7-col>.dc,.tela .plan .g7-col .dia-esq>:not(.dia-mm):not(.dia-acoes){display:none}
  .tela .plan .g7-col .dia-esq{display:none;padding:0;border:0}
  .tela .plan .g7-col.acoes-abertas .dia-esq{display:flex;flex-direction:column;gap:8px}
  .tela .plan .g7-col .dia-mm{display:flex;flex-direction:column;gap:8px}
  .tela .plan .g7-col .dia-mm .btn,.tela .plan .g7-col .dia-acoes .btn{width:100%;min-height:44px;font-size:var(--t-apoio);white-space:normal;line-height:1.2}
  .tela .plan .g7-col .dia-mm-h{display:none}
  .tela .plan .g7-col .dia-dir{padding:0;min-width:0}
  .tela .plan .g7-col .dia-metas{display:flex;flex-direction:column;gap:8px}
  .tela .g7-cab{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"d n p m" "h h h h";align-items:center;column-gap:8px;row-gap:4px;padding:0 4px}
  .tela .g7-d{grid-area:d;font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
  .tela .g7-n{grid-area:n;font-family:var(--letra-num);font-size:var(--t-2);font-weight:700;color:var(--tit)}
  .tela .dia-hoje .g7-n{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:999px;background:var(--conta);color:var(--cartao)}
  .tela .g7-p{grid-area:p;width:8px;height:8px;border-radius:999px;background:var(--conta);justify-self:start}
  .tela .g7-col.c-verde .g7-p{background:#18B979}.tela .g7-col.c-amarelo .g7-p{background:#F59E0B}.tela .g7-col.c-vermelho .g7-p{background:#E5484D}.tela .g7-col.c-sem_plano .g7-p{background:var(--semdado)}
  .tela .g7-h{grid-area:h;font-size:var(--t-apoio);color:var(--texto2)}
  .tela .g7-mais{grid-area:m;display:grid;place-items:center;width:44px;height:44px;margin:-8px 0;border:0;border-radius:999px;background:none;color:var(--conta-t);cursor:pointer}
  .tela .g7-mais svg{width:22px;height:22px;fill:currentColor}
  .tela .g7-mais[aria-expanded=true]{background:var(--cartao-2)}
  /* a etiqueta da meta na coluna: o nome (até 2 linhas, sem "…") e o tempo; o Mover para… como link */
  .tela .plan .g7-col .mt{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:var(--r-campo);border:0;background:color-mix(in srgb,var(--tp,var(--revisao)) 12%,var(--cartao));box-shadow:inset 3px 0 0 var(--tp,var(--revisao));min-height:0}
  .tela .plan .g7-col .mt-l,.tela .plan .g7-col .mt-t,.tela .plan .g7-col .mt-extra{display:none}
  .tela .plan .g7-col .mt-c{display:flex;flex-direction:column;align-items:flex-start;gap:0}
  .tela .plan .g7-col .mt-c b{font-size:var(--t-apoio);font-weight:600;color:var(--tit);line-height:1.3;overflow-wrap:normal;word-break:normal}
  .tela .plan .g7-col .mt-c span{font-size:var(--t-apoio);color:var(--texto2)}
  .tela .plan .g7-col .mt .mt-mover{align-self:flex-start;min-height:44px;padding:0;background:none!important;border:0!important;color:var(--conta-t);font-size:var(--t-apoio);font-weight:600}
  .tela .plan .g7-col .mt.passou .mt-c b{text-decoration:line-through;color:var(--texto2)}
  .tela .plan .g7-col .mt>.s{font-size:var(--t-apoio)}
  .tela .plan .g7-col .nada{font-size:var(--t-apoio);padding:4px}
  /* os dias que passaram: a meta feita riscada com o visto; "não fez" em vermelho */
  .tela .g7-ms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .tela .g7-m{display:flex;flex-direction:column;gap:0;padding:8px;border-radius:var(--r-campo);background:color-mix(in srgb,var(--texto) 4%,transparent)}
  .tela .g7-m b{font-size:var(--t-apoio);font-weight:600;color:var(--tit);line-height:1.3}
  .tela .g7-m span{display:flex;align-items:center;gap:4px;font-size:var(--t-apoio);color:var(--texto2)}
  .tela .g7-m span svg{width:16px;height:16px;color:var(--bom)}
  .tela .g7-m.m-feito b{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--texto) 55%,transparent);color:var(--texto2)}
  .tela .g7-m.m-nao span{color:#B42318}.tela[data-tema=escuro] .g7-m.m-nao span{color:var(--frc-tinta)}
  .tela .g7-vazio{margin:0;padding:4px;font-size:var(--t-apoio);color:var(--texto2)}
}
.tela .mt.t-estudo{--tp:var(--estudo)}.tela .mt.t-questoes{--tp:var(--questoes)}.tela .mt.t-revisao{--tp:var(--revisao)}
/* na grade, o tempo da etiqueta como no resto ("1 h 20"), sem a etiqueta do tipo nem a matéria */
@container tela (min-width:1100px){
  .tela .plan .g7-col .mt-c span{display:none}
  .tela .plan .g7-col .mt-l{display:flex!important;gap:0}.tela .plan .g7-col .mt-l>:not(.mt-min){display:none}
  .tela .plan .g7-col .mt-min{font-size:var(--t-apoio);font-weight:400;color:var(--texto2)}
}
/* CEL3: as etiquetas da Semana compacta sem contorno: tingidas, faixa de 3 px, canto 8, 15/600; a feita riscada */
.tela .pA[data-vista=compacta] .dia .mt{border:0!important;border-radius:var(--r-et);background:color-mix(in srgb,var(--tp,var(--revisao)) 14%,var(--cartao));box-shadow:inset 3px 0 0 var(--tp,var(--revisao));min-height:44px}
.tela .pA[data-vista=compacta] .dia .mt .mt-c b{font-size:var(--t-apoio);font-weight:600}
.tela .pA[data-vista=compacta] .dia .mt.passou .mt-c b{text-decoration:line-through;text-decoration-thickness:2px;color:var(--texto2)}
.tela .pA[data-vista=compacta] .dia .mt.passou>.s{display:none}
/* IPAD4 em pé: Menos metas e Mais metas um embaixo do outro, cada um numa linha (não mais "Menos/metas" partido) */
@container tela (min-width:700px) and (max-width:1099px){
  .tela .plan .dia-mm{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  .tela .plan .dia-mm .btn{width:100%;white-space:nowrap;font-size:var(--t-apoio)}
  .tela .plan .dia-mm .dia-mm-h{text-align:center}
}
@container tela (min-width:1100px){.tela .area .plan .g7-col .dia-mm .btn,.tela .area .plan .g7-col .dia-acoes .btn{white-space:nowrap;padding:8px;font-size:var(--t-apoio)}}

/* ===================== Acertos do Designer, bloco 3 (REVISAO-BLOCO-3.md) ===================== */
/* 1. escuro: nenhuma sombra no Planejamento (a faixa do tipo vira borda de 4 px; o dia de hoje, borda de 2 px de estado) */
.tela[data-tema=escuro] .plan *,.tela[data-tema=escuro] .plan{box-shadow:none!important}
.tela .plan .g7-col.dia-hoje{box-shadow:none!important;outline:2px solid var(--conta);outline-offset:-2px}
/* 3. a etiqueta da meta: fundo --cartao-2, a cor do tipo só numa faixa de 4 px à esquerda, o nome 15/600 em --texto */
.tela .plan .dia .mt,.tela .pA[data-vista=compacta] .dia .mt,.tela .plan .g7-col .mt{position:relative;background:var(--cartao-2)!important;border:0!important;border-left:4px solid var(--tp,var(--revisao))!important;box-shadow:none!important}
.tela .plan .dia .mt .mt-c b{color:var(--texto)}
.tela .plan .dia .mt.passou{border-left-color:color-mix(in srgb,var(--tp,var(--revisao)) 40%,transparent)!important}
/* 2. sem "Mover para…" escrito em cada etiqueta: tocar ou clicar na etiqueta abre a folha; no computador, o "…" aparece ao passar o mouse */
.tela .plan .mt .mt-mover{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0!important;border-radius:999px;background:none!important;color:var(--conta-t);opacity:0;transition:opacity .15s}
.tela .plan .mt .mt-mover svg{width:20px;height:20px;fill:currentColor}
.tela .plan .mt:hover .mt-mover,.tela .plan .mt .mt-mover:focus-visible{opacity:1}
.tela .plan .dia .mt{padding-right:32px}
/* 5. o cabeçalho do dia numa linha (dia, número, horas e o "…" de 44 px) no iPad em pé; o "…" abre Menos metas, Mais metas e Sem estudo */
.tela .plan .dia .g7-cab{display:none}
@container tela (min-width:700px) and (max-width:1099px){
  .tela .plan .faixas .dia{display:flex!important;flex-direction:column;gap:8px}
  .tela .plan .faixas .dia>.g7-cab{display:grid;grid-template-columns:auto auto auto 1fr auto;grid-template-areas:"d n p h m";align-items:center;column-gap:8px}
  .tela .plan .faixas .dia>.g7-cab .g7-d{grid-area:d;font-size:var(--t-dest);font-weight:600;color:var(--tit)}
  .tela .plan .faixas .dia>.g7-cab .g7-n{grid-area:n;font-family:var(--letra-num);font-size:var(--t-dest);font-weight:700;color:var(--tit)}
  .tela .plan .faixas .dia>.g7-cab .g7-p{grid-area:p;width:8px;height:8px;border-radius:999px;background:var(--conta)}
  .tela .plan .faixas .dia>.g7-cab .g7-h{grid-area:h;font-size:var(--t-apoio);color:var(--texto2)}
  .tela .plan .faixas .dia>.g7-cab .g7-mais{grid-area:m;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--conta-t)}
  .tela .plan .faixas .dia>.g7-cab .g7-mais svg{width:22px;height:22px;fill:currentColor}
  .tela .plan .faixas .dia>.dc{display:none}
  .tela .plan .faixas .dia .dia-esq{display:none}
  .tela .plan .faixas .dia.acoes-abertas .dia-esq{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
  .tela .plan .faixas .dia.acoes-abertas .dia-esq>:not(.dia-mm):not(.dia-acoes){display:none}
  .tela .plan .faixas .dia.acoes-abertas .dia-mm{flex-direction:row}
}
@container tela (min-width:1100px){
  .tela .plan .g7-col>.g7-cab{display:grid}
  .tela .plan .sem-prox>.g7-cab{display:none}
}
/* 6. vãos: no celular os cartões da mesma tela a 12 entre si (Ficha, dias do Planejamento, pé do Hoje); o último item do cartão sem margem */
.tela .cartao>:last-child{margin-bottom:0}
@container tela (max-width:699px){
  .tela .fC .fc-cols,.tela .fC .grupos,.tela .plan .faixas,.tela .h3c-pe{gap:12px}
  .tela .plan .g7{margin-bottom:12px}
  .tela .fC .fc-sair{margin-top:0}
}
.tela .fC .grupo .fc-msg:empty,.tela .fC .grupo .fc-msg-ia:empty{display:none}
@container tela (max-width:699px){.tela .sem7>.linha{flex-wrap:wrap;row-gap:0}.tela .sem7>.linha .sem7-tot{flex-basis:100%}} /* sugestão 7: as horas da semana na linha de baixo; o (i) fica junto do título */
/* contornos que sobravam (guia 3.2 e 4): o X da folha em círculo --cartao-2; os atalhos do Agora, o "Semana que vem",
   os filtros e as perguntas prontas tingidos, sem contorno */
.tela .folha-x{border:0!important;background:var(--cartao-2)!important}
.tela .pp-atalhos button,.tela .sem-tg-b,.tela .filtros .f,.tela .cv-s{border-color:transparent!important;background:var(--cartao-2)}
.tela .filtros .f[aria-pressed=true],.tela .filtros .f.on{background:var(--tit);color:var(--cartao)}
.tela .h3-vez .pp-atalhos button{background:rgba(255,255,255,.12)}
.tela .pm-bk,.tela .pm-quanto button:not([aria-pressed=true]),.tela .pm-pm button,.tela .busca-res button{border-color:transparent!important;background:var(--cartao-2)}
.tela .mat-g{border-top:0;box-shadow:inset 4px 0 0 var(--m)}
.tela[data-tema=claro] .mat-g{box-shadow:inset 4px 0 0 var(--m),0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)}
.tela .btn[aria-pressed]{border-color:transparent!important}
.tela .btn[aria-pressed=false]{background:var(--cartao-2)}
.tela[data-tema=escuro] :is(.pm-circ,.conv,.folha,.pm-hj>i){box-shadow:none!important}
/* ===================== Bloco 4 (o movimento, guia 7) ===================== */
/* 7.2: a barra de baixo e o menu do lado não se mexem na passagem */
.tela .topo-nav{view-transition-name:menu}.tela .abas{view-transition-name:abas}
::view-transition-group(menu),::view-transition-group(abas),::view-transition-old(menu),::view-transition-new(menu),::view-transition-old(abas),::view-transition-new(abas){animation:none}
/* trocar de aba: a velha some em 120 ms; a nova aparece subindo 8 px em 220 ms, a partir dos 60 ms */
html[data-passagem=aba]::view-transition-old(root){animation:vt-some 120ms cubic-bezier(.4,0,1,1) both}
html[data-passagem=aba]::view-transition-new(root){animation:vt-sobe 220ms cubic-bezier(.32,.72,0,1) 60ms both}
/* entrar numa camada mais funda (Matéria): a nova entra da direita; a velha vai 30% para a esquerda e escurece; voltar, o contrário */
html[data-passagem=empurrar]::view-transition-old(root){animation:vt-vai 450ms cubic-bezier(.32,.72,0,1) both}
html[data-passagem=empurrar]::view-transition-new(root){animation:vt-vem 450ms cubic-bezier(.32,.72,0,1) both}
html[data-passagem=voltar]::view-transition-old(root){animation:vt-sai-dir 400ms cubic-bezier(.32,.72,0,1) both}
html[data-passagem=voltar]::view-transition-new(root){animation:vt-volta 400ms cubic-bezier(.32,.72,0,1) both}
@keyframes vt-sai-dir{to{transform:translateX(100%)}}
@keyframes vt-volta{from{transform:translateX(-30%);filter:brightness(.9)}} /* acerto 1 do Designer (bloco 4): a volta com a própria curva, sem reverse */
/* 7.4: a meta que nasce do cartão */
html[data-passagem=abrir]::view-transition-group(meta-abre){animation-duration:450ms;animation-timing-function:cubic-bezier(.32,.72,0,1)}
html[data-passagem=abrir]::view-transition-old(root),html[data-passagem=abrir]::view-transition-new(root){animation-duration:300ms}
/* 7.9: reduzir movimento: só esmaecer de 150 ms */
html[data-passagem=reduz]::view-transition-old(root),html[data-passagem=reduz]::view-transition-new(root),html[data-passagem=reduz]::view-transition-group(*){animation-duration:100ms!important} /* 100 ms de esmaecer: com o tempo de tirar a foto da tela, a troca inteira fica abaixo de 200 ms (conferência 9) */
@keyframes vt-some{to{opacity:0}}
@keyframes vt-sobe{from{opacity:0;transform:translateY(8px)}}
@keyframes vt-vai{to{transform:translateX(-30%);filter:brightness(.9)}}
@keyframes vt-vem{from{transform:translateX(100%)}}
/* o título pequeno da barra de voltar aparece quando o grande passa por baixo dela */
.tela .volta-bar.com-titulo .volta-t{opacity:1}
/* C13 (guia 7.8, interpretação do Designer): ao entrar, o outro boneco e os textos esmaecem; o Hoje nasce de um círculo a
   partir da luz do boneco escolhido (~0,7 s), e o boneco voa até o lugar dele no Hoje (Missão no celular, coach no largo) */
html[data-passagem=abertura]::view-transition-old(root){animation:vt-some 200ms cubic-bezier(.4,0,1,1) 120ms both}
html[data-passagem=abertura]::view-transition-new(root){animation:vt-circulo 600ms cubic-bezier(.32,.72,0,1) 120ms both}
html[data-passagem=abertura]::view-transition-group(boneco-dono){animation-duration:600ms;animation-timing-function:cubic-bezier(.32,.72,0,1)}
html[data-passagem=abertura] .ent-lado.sel .pz,html[data-passagem=abertura] .h3c-cab~.h3c-missao .h3c-bon .pz,html[data-passagem=abertura] .h3-coach .bon .pz{view-transition-name:boneco-dono}
@container tela (max-width:699px){html[data-passagem=abertura] .h3-coach .bon .pz{view-transition-name:none}}
@container tela (min-width:700px){html[data-passagem=abertura] .h3c-missao .h3c-bon .pz{view-transition-name:none}}
@keyframes vt-circulo{from{clip-path:circle(0 at var(--ab-x,50%) var(--ab-y,50%));transform:scale(.94);opacity:.6}to{clip-path:circle(150% at var(--ab-x,50%) var(--ab-y,50%));transform:none;opacity:1}}
/* na abertura, a barra de baixo (ou o menu do lado) aparece no fim, subindo 12 px (guia 7.8, passo 5) */
html[data-passagem=abertura]::view-transition-old(abas),html[data-passagem=abertura]::view-transition-old(menu){animation:vt-some 120ms ease-out both}
html[data-passagem=abertura]::view-transition-new(abas),html[data-passagem=abertura]::view-transition-new(menu){animation:vt-sobe12 250ms cubic-bezier(.32,.72,0,1) 470ms both}
@keyframes vt-sobe12{from{opacity:0;transform:translateY(12px)}}
.tela[data-tema=escuro] :is(.mc,.op,.md-l,.mat-g,.mp-aula,.sm-abre,.h3-amanha,.rv3-fx-bt,.plc-a,.mm-t,.cv-s):hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--conta) 45%,transparent)!important} /* no escuro, passar o mouse só desenha a borda (sem sombra) */

/* ===================== Bloco 5 (as outras telas, o iPad deitado) ===================== */
/* CEL8 e PC7: a conversa em 17 px; as perguntas prontas como cápsulas numa linha que rola para o lado */
.tela .conv{font-size:var(--t-corpo)}
.tela .cv-sug,.tela .conv .cv-sug{display:flex;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tela .cv-sug::-webkit-scrollbar{display:none}
.tela .cv-sug .cv-s,.tela .mt-sug .cv-s{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start;border-radius:999px;font-size:var(--t-apoio)}
.tela .cv-gasto{font-size:var(--t-apoio);color:var(--texto2)}
/* CEL5: a lupa na linha do título; as abas e o período como o seletor do iOS, numa linha; "Todas as matérias ›" simples */
.tela .des-cel-bt{display:none}
@container tela (max-width:699px){.tela .des3>.cab{display:flex;align-items:flex-start}.tela .des-cel-bt{display:flex;order:3}}
.tela .lupa-bt{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:var(--cartao-2);color:var(--conta-t)}
.tela .lupa-bt svg{width:22px;height:22px}
.tela .est-abas{display:flex!important;flex-wrap:nowrap;gap:0;padding:4px;border-radius:999px;background:var(--cartao-2);margin-bottom:16px}
.tela .est-abas button{flex:1 1 0;min-width:0;border:0!important;border-radius:999px;background:transparent!important;color:var(--texto)!important;font-size:var(--t-apoio);font-weight:600;padding:8px 4px;min-height:44px;white-space:nowrap}
.tela .est-abas button[aria-selected=true]{background:var(--cartao)!important;color:var(--tit)!important;box-shadow:0 1px 4px rgba(0,0,0,.14)}
.tela .est-filtro .seg{background:var(--cartao-2);border-radius:999px;padding:4px;display:flex;flex-wrap:nowrap}
.tela .est-filtro .seg button{flex:1 1 auto;white-space:nowrap;font-size:var(--t-apoio);min-height:44px}
.tela .est-filtro .est-sel{display:none}
/* uma linha que leva a outra tela (Mapa da prova ›, Perguntar ao coach sobre … ›) */
.tela .linha-ir{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 16px;margin:16px 0;border:0;text-align:left;font-size:var(--t-dest);font-weight:600;color:var(--tit);cursor:pointer}
.tela .linha-ir svg{width:24px;height:24px;color:var(--conta-t)}
.tela .linha-ir>[aria-hidden]{color:var(--texto2)}
/* CEL2: o cabeçalho da meta numa linha (o quadradinho do tipo + "Estudo · Legislação"); as etiquetas dos blocos viram texto; números sem as setinhas */
.tela .pm-l1{display:flex;align-items:center;gap:8px}
.tela .pm-quad{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-et);background:var(--tp,var(--revisao));color:#fff;flex:none}
.tela .pm-quad svg{width:18px;height:18px}
.tela .pm-tipo-mat{font-size:var(--t-apoio);font-weight:600;color:var(--texto2);flex:1;min-width:0}
.tela .pm-etqs{display:flex;flex-wrap:wrap;gap:0}
.tela .pm-etqs>*{background:none!important;border:0!important;padding:0!important;font-size:var(--t-apoio)!important;font-weight:400!important;color:var(--texto2)!important;border-radius:0}
.tela .pm-etqs>*+*::before{content:"\00a0·\00a0"}
.tela .folha input[type=number]{-moz-appearance:textfield;appearance:textfield}
.tela .folha input[type=number]::-webkit-inner-spin-button,.tela .folha input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tela .pm-acoes .pm-coach{font-size:var(--t-apoio);color:var(--texto2);text-align:left}
/* CEL4: a Revisão com a linha de resumo e a lista das matérias agrupada */
.tela .rp-rot{font-size:var(--t-apoio);font-weight:600;text-transform:none;letter-spacing:0;color:var(--texto2)}
.tela .rp-tags.s{display:block;margin:8px 0 0;font-size:var(--t-apoio);color:var(--texto2)}
.tela .rv3-faixas{display:flex;flex-direction:column;gap:0;border-radius:var(--r-cartao);overflow:hidden;background:var(--cartao)}
.tela .rv3-faixas>.rv3-faixa{border-radius:0;margin:0;box-shadow:none!important}
.tela .rv3-faixas>.rv3-faixa+.rv3-faixa{border-top:1px solid color-mix(in srgb,var(--texto) 12%,transparent)}
.tela[data-tema=claro] .rv3-faixas{box-shadow:0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)}
.tela .rv-pe{margin-top:8px}
/* CEL6: a estrada e as legendas do Mapa em 15 px */
.tela .paradas-l *{font-size:var(--t-apoio)}

/* IPAD1 (13/11): no iPad deitado (toque, a partir de 1100 px), o menu "Padrão" fica do lado, igual ao do computador */
@media (pointer:coarse){
  @container tela (min-width:1100px){
  .tela[data-menu=padrao] .app{flex-direction:row}
  .tela[data-menu=padrao] .topo-nav{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;height:100%;width:224px;flex:0 0 224px;padding:16px 12px;box-shadow:6px 0 24px rgba(0,0,0,.12);overflow-y:auto}
  .tela[data-menu=padrao] .tn-marca{padding:4px 8px 12px}.tela[data-menu=padrao] .tn-marca b{display:inline}
  .tela[data-menu=padrao] .tn-areas{flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:4px}
  .tela[data-menu=padrao] .tn-areas .mi,.tela[data-menu=padrao] .tn-areas .mi:not(.ativo){flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 12px;min-height:46px;border-radius:14px;font-size:var(--t-apoio)}
  .tela[data-menu=padrao] .tn-areas .mi .l-longo,.tela[data-menu=padrao] .tn-areas .mi:not(.ativo) span.l-longo{display:inline!important}.tela[data-menu=padrao] .tn-areas .mi .l-curto{display:none!important}
  .tela[data-menu=padrao] .tn-dir{margin-top:auto;flex-direction:column;align-items:stretch;gap:8px}
  .tela[data-menu=padrao] .tn-busca span,.tela[data-menu=padrao] .tn-falar,.tela[data-menu=padrao] .tn-falar .tn-falar-t,.tela[data-menu=padrao] .tr-eu span{display:inline-flex!important}
  .tela[data-menu=padrao] .tn-busca,.tela[data-menu=padrao] .tn-falar{justify-content:flex-start;min-height:44px}
  .tela[data-menu=padrao] .tr-eu{padding:4px 12px 4px 4px}
  .tela[data-menu=padrao]>.conv{top:0}

    .tela[data-menu=padrao] .topo-nav{width:248px;flex-basis:248px;gap:8px}
    .tela[data-menu=padrao] .tn-dir{display:contents}
    .tela[data-menu=padrao] .tn-marca{order:0}
    .tela[data-menu=padrao] .tr-eu{order:1;min-height:48px;padding:4px 8px 4px 4px!important;border-radius:var(--r-campo);background:color-mix(in srgb,var(--trilho-t) 10%,transparent);font-size:var(--t-dest);font-weight:600;gap:12px}
    .tela[data-menu=padrao] .tr-eu .pz.mini{width:32px;height:32px}
    .tela[data-menu=padrao] .tr-eu>span:not(.pz){flex:1;text-align:left}
    .tela[data-menu=padrao] .tr-eu-v{display:block}
    .tela[data-menu=padrao] .tn-busca{order:2;min-height:44px;height:44px;border:0;border-radius:999px;background:color-mix(in srgb,var(--trilho-t) 12%,transparent);font-size:var(--t-dest);font-weight:400;padding:0 12px;margin-bottom:8px}
    .tela[data-menu=padrao] .tn-areas{order:3}
    .tela[data-menu=padrao] .tn-areas .mi,.tela[data-menu=padrao] .tn-areas .mi:not(.ativo){min-height:44px;padding:8px 12px;font-size:var(--t-dest);font-weight:600;border-radius:var(--r-campo)}
    .tela[data-menu=padrao] .tn-falar{order:4;margin-top:auto;border:0;background:color-mix(in srgb,var(--trilho-t) 12%,transparent);font-size:var(--t-dest);border-radius:var(--r-campo)}
  }
}
/* IPAD1: com o menu do lado no iPad deitado, o gráfico dos 14 dias fica embaixo dos números (cada dia com 20 px ou mais) */
@media (pointer:coarse){@container tela (min-width:1100px) and (max-width:1399px){.tela .h5 .g14-corpo{grid-template-columns:minmax(0,1fr)!important}.tela .h5 .g14-nums{flex-direction:row;flex-wrap:wrap;gap:12px 24px;border-right:0}}}
@media (pointer:coarse){@container tela (min-width:1100px) and (max-width:1399px){
  .tela:not(:has(>.conv)) .h5{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"a b" "a c" "d d"}
}}
/* IPAD5: os nomes das aulas da Matéria sem corte com "…": a linha quebra (em pé, 2 linhas na maioria) */
.tela .mat .mm-l2.corta{white-space:normal;overflow:visible;text-overflow:clip;display:block}
.tela .mat .mm-l1{flex-wrap:wrap;row-gap:4px}
/* G9: a faixa sem internet, 44 px no alto, por cima de tudo, sem cobrir a ação (o conteúdo desce) */
.tela>.sem-net{position:absolute;left:0;right:0;top:0;z-index:50;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:#3A3A3C;color:#FFFFFF;font-size:var(--t-apoio);font-weight:600;text-align:center}
.tela:has(>.sem-net) .app{padding-top:44px}
/* CEL9: a busca em listas agrupadas por tipo */
.tela .busca-res{display:flex;flex-direction:column;gap:8px}
.tela .busca-grupo-t{margin:8px 0 0;font-size:var(--t-apoio);font-weight:600;color:var(--texto2)}
.tela .busca-grupo{display:flex;flex-direction:column;border-radius:var(--r-cartao);overflow:hidden;background:var(--cartao-2)}
.tela .busca-grupo>button{border:0!important;border-radius:0!important;background:transparent!important;min-height:52px}
.tela .busca-grupo>button+button{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--texto) 12%,transparent)}
.tela .busca-in{width:100%;min-height:44px;border-radius:999px;border:0;background:var(--cartao-2);padding:8px 16px;font:inherit;font-size:var(--t-corpo);color:var(--texto)}
/* PC4: a Revisão no computador: "Próxima revisão" larga em cima (2/3) e o resumo das urgentes ao lado (1/3); as matérias em 2 colunas (3 a partir de 1600), fechadas como hoje */
@container tela (min-width:1100px){
  .tela .rv3w{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:24px;align-items:start}
  .tela .rv3w>.cab,.tela .rv3w>.rv3-faixas,.tela .rv3w>.rv-pe{grid-column:1/-1}
  .tela .rv3w>.rv3-prox{grid-column:1;grid-row:2;margin:0}
  .tela .rv3w>.rv-cont{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}
  .tela .rv3w>.rv-cont .tag-dia{display:flex;align-items:center;min-height:52px;padding:8px 16px;border-radius:var(--r-cartao);background:var(--cartao);font-size:var(--t-dest);font-weight:600;color:var(--tit);border:0}
  .tela .rv3-faixas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:none;overflow:visible;margin-top:24px;box-shadow:none!important}
  .tela .rv3-faixas>.rv3-faixa{border-radius:var(--r-cartao)!important;border-top:0!important}
  .tela[data-tema=claro] .rv3-faixas>.rv3-faixa{box-shadow:0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)!important}
  .tela .rv3-faixas>.rv3-faixa.aberta{grid-column:1/-1}
}
@container tela (min-width:1600px){.tela .rv3w>.rv3-faixas{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* PC6: as folhas do tamanho do conteúdo no iPad e no computador (Mais metas não fica com 640 px para ~130 de conteúdo) */
@container tela (min-width:700px){.tela>.folha:not(.pag-meta){top:24px;right:24px;bottom:auto;height:auto;max-height:calc(100% - 48px);border-radius:var(--r-folha)}}
/* PC5: o Mapa largo sem colunas vazias: à esquerda, Edital, as aulas que mais valem, a próxima parada e o placar; à direita, larga, a estrada e as trilhas */
@container tela (min-width:1100px){
  .tela .mM3 .mp-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"c1 c2" "c3 c2";align-items:start;gap:16px 24px}
  .tela .mp-3>.mp-c1{grid-area:c1}.tela .mp-3>.mp-c2{grid-area:c2}.tela .mp-3>.mp-c3{grid-area:c3}
  .tela .mp-3>.mp-c3{display:flex;flex-direction:column;gap:16px}
}
/* CEL5: a lupa na linha do título, logo antes do avatar (o avatar fica na ponta, como em toda tela) */
.tela .h1-simb .lupa-bt{order:1;margin-left:auto;flex:none}
.tela .h1-simb:has(.lupa-bt) .simb-cel-bt{margin-left:0}
/* a coluna estreita (iPad deitado com o menu do lado, ~125 px): o "…" no canto de cima da coluna, fora da linha do dia */
@container tela (min-width:1100px){
  .tela .plan .g7-col{position:relative;min-width:0;overflow:hidden}
  .tela .plan .g7-col>.g7-cab{grid-template-columns:auto auto 1fr;grid-template-areas:"d n p" "h h h";padding-right:40px}
  .tela .plan .g7-col>.g7-cab .g7-mais{position:absolute;top:4px;right:4px;margin:0}
}

/* ===================== Acertos do Designer, bloco 5 (REVISAO-BLOCO-5.md) ===================== */
/* 1. Registrar: as 4 escolhas neutras (--cartao-2, sem contorno), só o ícone na cor do estado; a escolhida em --conta; o único amarelo é o Confirmar */
.tela .pm-ops .pm-op,.tela .pm-painel .pm-ops .pm-op[aria-pressed=false]{background:var(--cartao-2)!important;border:2px solid transparent!important;color:var(--texto)!important;box-shadow:none!important;font-weight:600}
.tela .pm-ops .pm-op i{background:var(--oc)!important;color:var(--ot)!important}
.tela .pm-ops .pm-op[aria-pressed=true]{background:color-mix(in srgb,var(--conta) 14%,var(--cartao))!important;border-color:var(--conta)!important;color:var(--tit)!important}
/* 2. os gráficos não crescem além do desenho (a letra fica em px reais e o "100%" cabe); centrados na largura que sobra */
.tela svg.gf-px{width:auto;max-width:100%;height:auto;margin:0 auto}
/* 4. o seletor do tamanho do conteúdo (até 560 px), à esquerda */
.tela .est-abas{max-width:560px}
.tela .est-filtro .seg{max-width:420px}
/* 5. os blocos de hoje na página da meta: cartão sem contorno (a cor fica no círculo do número) */
.tela .pm-card{border:0!important;box-shadow:none!important;background:var(--cartao-2)}
/* 6. o selo com o seu " · " nunca começa a linha */
.tela :is(small,span,b,a)+.selo{white-space:nowrap}
/* 7 (sugestão aceita): a sigla da matéria sem cápsula, em texto --texto2 */
.tela .mtag{background:none!important;border:0!important;padding:0!important;color:var(--texto2)!important;font-weight:600;box-shadow:none!important}
/* 3. a Revisão com a linha de resumo ("1 urgente · 1 hoje · 3 voltas em 14 dias"), sem cápsulas; no computador a próxima ocupa a largura */
.tela .rv-cont.s{display:block;margin:0 0 16px;font-size:var(--t-apoio);color:var(--texto2)}
@container tela (min-width:1100px){.tela .rv3w>.rv-cont{grid-column:1/-1;grid-row:auto;display:block}.tela .rv3w>.rv3-prox{grid-column:1/-1;grid-row:auto}}
/* guia 7.3: a folha que fecha desce (celular) ou sai pela direita (largo); o fundo clareia junto */
html[data-passagem=fechar]::view-transition-old(root),html[data-passagem=fechar]::view-transition-new(root){animation:none}
html[data-passagem=fechar]::view-transition-new(folha-sai){animation:none}
html[data-passagem=fechar]::view-transition-old(folha-sai){animation:vt-desce 300ms cubic-bezier(.4,0,1,1) both}
@keyframes vt-desce{to{transform:translateY(100%)}}
@media (min-width:700px){html[data-passagem=fechar]::view-transition-old(folha-sai){animation-name:vt-sai-dir}}
/* CEL2: o − e o + dos números de questões, como o do tempo */
.tela .pm-qlin .pm-pm{display:flex;align-items:center;gap:8px}
.tela .pm-qlin .pm-pm input{width:72px;text-align:center}
/* CEL6: a barra única do Mapa e a legenda em 2 colunas */
.tela .mp-barra{margin:12px 0 8px}
.tela .mp-leg2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;font-size:var(--t-apoio)}
@container tela (min-width:1100px){.tela .mp-leg2{grid-template-columns:repeat(5,auto);justify-content:start}}

/* ===================== Acertos finais do Designer (REVISAO-FINAL.md) ===================== */
/* 1. a estrada do Mapa não cresce além do desenho: a letra fica de 15 px de verdade também a 2000 */
.tela svg.paradas-svg.gf-px{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}
/* 2. o selo que vem depois de um texto vai numa linha própria, sem o ponto (o "· abaixo da meta" não começa mais a linha) */
.tela :is(small,span,b,a)+.selo{display:block;margin-left:0;white-space:normal}
.tela :is(small,span,b,a)+.selo::before,.tela .selo+.selo::before{content:none}
/* 3. a sigla da matéria em Desempenho › Matérias em texto --texto2, sem a cápsula */
.tela .mg-sig{padding:0!important;border-radius:0;background:none!important;box-shadow:none!important;color:var(--texto2)!important;text-shadow:none!important;font-weight:600}

/* ===================== Rodada da conferência final (RODADA-CONFERENCIA-DESIGN.md), A ===================== */
/* A3: o Ficou devendo com o nome do motor como título, em toda largura; a 2ª linha com a matéria (se houver), a data e o motivo */
.tela .dev-lista{display:flex;flex-direction:column;gap:0;border-radius:var(--r-campo);overflow:hidden;background:var(--cartao-2)}
.tela .dev-i{display:flex;flex-direction:column;gap:2px;padding:12px 16px}
.tela .dev-i+.dev-i{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--texto) 12%,transparent)}
.tela .dev-t{font-size:var(--t-dest);font-weight:600;color:var(--tit)}
.tela .dev-u{font-size:var(--t-apoio);color:var(--texto2)}
/* A2: nas colunas estreitas da semana, nada se parte: as horas em pedaços que não quebram ("de 4 h 30" sai abaixo de 150 px)
   e o nome da meta inteiro numa linha */
.tela .plan .g7-col{container-type:inline-size;container-name:col}
.tela .g7-hf,.tela .g7-hp{white-space:nowrap}
@container col (max-width:150px){.tela .g7-hp{display:none}.tela .plan .g7-col .mt{padding-right:8px}.tela .plan .g7-col .mt .mt-mover{width:32px}}
.tela .plan .g7-col .mt-c b,.tela .g7-m b{white-space:nowrap}
@media (hover:none){.tela .plan .g7-col .mt{padding-right:8px}}
/* A1: o Hoje largo em 2 colunas de 1100 a 1699 px e em 3 a partir de 1700; as colunas vão até o fim (o último cartão se estica) */
@container tela (min-width:1100px){
  .tela:not(:has(>.conv)) .h5{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"a b" "d d";align-items:stretch}
  .tela:not(:has(>.conv)) .h5>.h5-c{grid-area:auto}
  .tela:not(:has(>.conv)) .h5>.h5-c:empty{display:none}
  .tela:not(:has(>.conv)) .h5>:is(.h5-a,.h5-b,.h5-c)>.h5-i:last-child{flex:1 1 auto;display:flex;flex-direction:column}
  .tela:not(:has(>.conv)) .h5>:is(.h5-a,.h5-b,.h5-c)>.h5-i:last-child>.cartao,.tela:not(:has(>.conv)) .h5>:is(.h5-a,.h5-b,.h5-c)>.h5-i:last-child>.h3-nums{flex:1 1 auto}
}
@media (pointer:coarse){@container tela (min-width:1100px) and (max-width:1399px){.tela:not(:has(>.conv)) .h5{grid-template-areas:"a b" "d d"}}}
@container tela (min-width:1700px){
  .tela:not(:has(>.conv)) .h5{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a b c" "d d d"}
  .tela:not(:has(>.conv)) .h5>.h5-c{grid-area:c}
}
/* A5: iPad em pé (uma coluna): o "Seu próximo passo", com o Começar, logo depois das metas */
@container tela (min-width:700px) and (max-width:1099px){
  .tela:not(:has(>.conv)) .h5{grid-template-areas:"pass" "lista" "vez" "coach" "rumo" "nums" "cam" "g14"}
}
/* A6: Fiz parte: o círculo de marcar cada bloco à vista no claro e no escuro (contorno de 2 px em --texto2); o marcado, verde */
.tela .pm-bk-ok{width:28px;height:28px;border:2px solid var(--texto2)!important}
.tela .pm-bk[aria-pressed=true]{background:color-mix(in srgb,#18B979 16%,var(--cartao))!important}
.tela .pm-bk[aria-pressed=true] .pm-bk-ok{background:#18B979;border-color:#18B979!important}
/* A8: sem colunas vazias. Desempenho › Resumo: as colunas da mesma fileira com a mesma altura; Desempenho › Questões: cada parte na largura toda */
@container tela (min-width:700px){
  .tela .des3 .est-2{align-items:stretch}
  .tela .des3 .est-2>.cartao{display:flex;flex-direction:column}
  .tela .des3 .est-2:has(>[data-t="questoes-por-dia"])>*{grid-column:1/-1}
}
/* Mapa: as 2 colunas acabam juntas (o último cartão da mais curta se estica) */
@container tela (min-width:1100px){
  .tela .mM3 .mp-3{align-items:stretch}
  .tela .mM3 .mp-3>:is(.mp-c1,.mp-c2,.mp-c3){display:flex;flex-direction:column;gap:16px}
  .tela .mM3 .mp-3>:is(.mp-c2,.mp-c3)>:last-child{flex:1 1 auto}
}
/* coluna estreita: o dia numa linha, o número e o ponto na de baixo (o "…" no canto não cobre o número) */
@container col (max-width:150px){.tela .plan .g7-col>.g7-cab{grid-template-columns:auto 1fr;grid-template-areas:"d d" "n p" "h h";padding-right:36px}}
.tela .h5[data-equilibrando]{align-items:start!important}.tela .h5[data-equilibrando] .h5-i,.tela .h5[data-equilibrando] .h5-i>*{flex:none!important}

/* ===================== Conferência final, C (detalhes) ===================== */
/* um amarelo por tela no iPad e no computador: o item ativo do menu (do lado ou em cima) em claro, com a faixa e o ícone amarelos (o amarelo cheio é a ação principal) */
@container tela (min-width:700px){
  .tela:is([data-menu=lado],[data-menu=padrao]) .topo-nav .tn-areas .mi.ativo{background:color-mix(in srgb,var(--trilho-t) 16%,transparent);color:var(--trilho-t);box-shadow:inset 4px 0 0 var(--amarelo)}
  .tela:is([data-menu=lado],[data-menu=padrao]) .topo-nav .tn-areas .mi.ativo .ic,.tela:is([data-menu=lado],[data-menu=padrao]) .topo-nav .tn-areas .mi.ativo .ic .ic2{stroke:var(--amarelo)}
}
/* Hoje com até 5 tamanhos: os números dos 4 cartões em Título 2 (22) */
.tela .h3-n .num{font-size:var(--t-2)}
/* gráfico dos 14 dias no celular: as letras dos dias alternadas (não colam) e o rótulo de hoje por cima das barras vizinhas */
@container tela (max-width:699px){
  .tela .g14-c:nth-child(even):not(.hj) .g14-ds{visibility:hidden}
  .tela .g14-c.hj{position:relative;z-index:3}
  .tela .g14-c.hj .g14-h{z-index:4;background:var(--cartao);border-radius:var(--r-et);padding:0 4px}
}
/* Planejamento compacto: no quadro de hoje, uma meta por linha (sem a metade direita vazia) */
.tela .pA[data-vista=compacta] .dia-hoje .dia-metas .mt{flex:1 1 100%;width:100%}
.tela .pm-pag::placeholder{color:var(--texto2)}

/* ===================== B1 da noite de 13/11 (PLANEJAMENTO-NOITE-1311.md): a página da meta inteira e mais limpa ===================== */
/* V64, V58, R1: a partir de 1100 px (computador e iPad deitado) a folha tem altura fixa: a janela menos 24 px em cima e
   embaixo, até 960 px, centrada. Cada coluna rola por si e a folha não muda de tamanho ao escolher Fiz ou Fiz parte.
   (Saíram a regra PC6 e a da rodada c577e81, que deixavam a folha com a altura do Registrar: ~380 px numa janela de 1100.) */
@container tela (min-width:1100px){
  .tela>.folha.pag-meta{top:max(24px,calc((100% - 960px) / 2));bottom:auto;height:min(960px,calc(100% - 48px));max-height:none}
  .tela>.folha.pag-meta .pm{height:100%}
  .tela>.folha.pag-meta .pm-esq{overflow-y:auto;overscroll-behavior:contain}
  .tela>.folha.pag-meta .pm-painel{overflow-y:auto;overscroll-behavior:contain}
}
/* V62 (lógica) no cabeçalho da meta: pintado inteiro pela cor do tipo, com letra branca, no claro e no escuro (o mesmo tom
   nos dois temas, como pede a tabela do B3). Título de 34 px no computador e no iPad, 28 px no celular. O anel fica, em branco. */
.tela .pm.pm-t-estudo{--tpf:var(--tipo-estudo)}.tela .pm.pm-t-questoes{--tpf:var(--tipo-questoes)}.tela .pm.pm-t-revisao{--tpf:var(--tipo-revisao)}
.tela .pm .pm-cab{background:var(--tpf);color:#FFFFFF;box-shadow:none;border-bottom:0}
.tela .pm .pm-cab :is(.pm-tt h2,.pm-sub,.pm-tipo-mat){color:#FFFFFF}
.tela .pm .pm-cab .pm-tt h2{font-size:34px;line-height:1.12;letter-spacing:-.01em}
.tela .pm .pm-cab .pm-tipo-mat{font-weight:700}
.tela .pm .pm-cab .pm-quad{background:rgba(255,255,255,.2);color:#FFFFFF}
.tela .pm .pm-cab .pm-tag{background:rgba(255,255,255,.12);box-shadow:none}
.tela .pm .pm-cab .pm-tag :is(b,span){color:#FFFFFF}
.tela .pm .pm-cab .info-i{color:#FFFFFF}
.tela .pm .pm-cab .pm-anel{--conta:#FFFFFF;--m:rgba(255,255,255,.5)}
.tela .pm .pm-cab .an1-n{color:#FFFFFF}
.tela .pm .pm-cab :is(.an1-de,.an1-rot){color:#FFFFFF}
.tela .pm .pm-cab .an1-tr{stroke:rgba(255,255,255,.22)}
.tela .pm .pm-cab .pm-anel.vazio{display:none}
/* o X e o Foco: no celular e no iPad em pé ficam sobre o cabeçalho pintado (vidro claro); a partir de 1000 px ficam no
   canto de cima da coluna do Registrar (como o X já era) */
.tela .pm .pm-cab .pm-x{background:rgba(255,255,255,.18);color:#FFFFFF;box-shadow:none}
.tela .pm-foco-b{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:0;background:rgba(255,255,255,.18);color:#FFFFFF;font:inherit;font-size:var(--t-apoio);font-weight:700;flex:none;cursor:pointer}
.tela .pm-foco-b .ico{width:20px;height:20px}
@container tela (min-width:700px){
  .tela .folha.pag-meta .pm-l1 .pm-foco-b{position:absolute;top:15px;right:68px;z-index:5;min-height:44px}
}
@container tela (min-width:1000px){
  .tela .pm .pm-cab .pm-x,.tela .folha.pag-meta .pm-foco-b{background:var(--cartao);color:var(--tit);box-shadow:inset 0 0 0 1.5px var(--borda)}
  .tela .pm .pm-cab .pm-x:hover,.tela .folha.pag-meta .pm-foco-b:hover{background:var(--cartao-2)}
  .tela .folha.pag-meta .pm-dir{padding-top:72px}
}
@container tela (max-width:699px){
  .tela .pm .pm-cab .pm-tt h2{font-size:28px}
  .tela .pm-l1 .pm-foco-b{margin-left:auto}
  .tela .pm-l1 .pm-foco-b+.pm-x{margin-left:0}
}
/* R2: o que foi ao (i) não deixa linha vazia */
.tela .pm-pt-t h3{display:flex;align-items:center;gap:8px}
/* R3: a meta de Questões com uma ação principal (Fazer questões), a escolha Sozinho/Em dupla dentro dela e o apoio numa linha */
.tela .pm-q1{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border-radius:var(--r-cartao,20px);background:color-mix(in srgb,#067647 8%,var(--cartao));width:100%}
.tela .pm-q1 .pm-qprin{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:68px;padding:12px 20px;border-radius:var(--br);background:#067647;color:#FFFFFF;text-decoration:none}
.tela .pm-q1 .pm-qprin b{font-size:var(--t-3);color:#FFFFFF}
.tela .pm-q1 .pm-qprin span{font-size:var(--t-apoio);font-weight:600;color:#FFFFFF}
.tela .pm-q1 .pm-qprin:hover{background:#05603A}
.tela .pm-q1 .pm-modo{align-self:flex-start}
.tela .pm-qapoio{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--t-apoio);color:var(--texto2);margin:0}
.tela .pm-qapoio a{color:var(--tit);font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;background:none;border:0;padding:0}
/* R4 e V63: no Modo foco, um amarelo só (o Começar); no computador a letra e o anel crescem (nada de ilha pequena no meio) */
@container tela (min-width:1100px){
  .tela>.foco{gap:24px}
  .tela>.foco .foco-a h2{font-size:44px;line-height:1.15;max-width:min(920px,100%)}
  .tela>.foco .foco-a .s{font-size:var(--t-3)}
  .tela>.foco .an1-foco{zoom:1.45}
  .tela>.foco .crono-f span{font-size:var(--t-3);color:#B7C3DD}
  .tela>.foco .crono-f b{font-size:56px}
  .tela>.foco .crono-f .btn{min-height:56px;padding:0 28px;font-size:var(--t-3)}
  .tela>.foco .foco-fim{max-width:720px;gap:12px}
  .tela>.foco .foco-fim .btn{min-height:60px;font-size:var(--t-3)}
}
/* R11 e V69: no celular (e no iPad em pé, a mesma gaveta), a barra do Registrar reserva a barrinha de baixo do iPhone e do
   iPad; os 4 botões ficam com o ícone na mesma altura (o "Não consegui" em 2 linhas não sobe mais o ícone) */
@container tela (max-width:699px){
  .tela .folha.pag-meta .pm-painel{padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))}
  .tela .folha.pag-meta .pm-esq{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .tela .pm-painel:not(.aberto) .pm-op{justify-content:flex-start;padding-top:10px;line-height:1.2;text-wrap:balance}
}
@container tela (min-width:700px) and (max-width:999px){
  .tela .folha.pag-meta .pm-painel{padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px))}
}
/* passada de design do B1 (foto de 2000 px): o apoio de Questões é link de texto, não caixa verde; o (i) da seção fica
   no título; no computador, o Registrar ocupa a coluna (cronômetro e os 4 botões maiores, sem coluna vazia embaixo);
   o campo "opcional" da página não corta a palavra */
.tela .pm-qapoio a.pm-jb.fdx,.tela .pm-qapoio a.pm-abrir-fdx{flex:none;background:none!important;border:0;border-radius:0;padding:0;min-height:44px;color:var(--tit)}
.tela .pm .pm-sec>h3{display:flex;align-items:center;gap:8px}
.tela .pm-parei input{width:112px}
@container tela (min-width:1100px){
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]){gap:16px}
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]) .pm-crono-p{padding:20px 20px}
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]) .pm-crono-p b{font-size:56px}
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]) .pm-ops{grid-template-columns:1fr 1fr;gap:16px}
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]) .pm-op{flex-direction:column;justify-content:center;gap:12px;min-height:150px;font-size:var(--t-3);text-align:center}
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]) .pm-op i{width:56px;height:56px}
  .tela>.folha.pag-meta .pm-painel:not([data-estado="2"]) .pm-op i .ico{width:30px;height:30px}
}
/* passada de design do B1 (fotos do iPad em pé e do celular): de 700 a 1099 px o anel fica à direita do título, do
   subtítulo e das etiquetas (sem a faixa vermelha vazia embaixo do título nem o anel encostado no Foco); no celular, a
   linha de cima diz só o tipo (a matéria já está na sigla do título), para não quebrar em 3 linhas ao lado do Foco e do X */
@container tela (min-width:700px) and (max-width:1099px){
  .tela .pm .pm-cab:not(:has(.pm-anel.vazio)){grid-template-areas:"ex ex" "l1 l1" "tt anel" "sub anel" "tags anel";align-items:start}
  .tela .pm .pm-cab .pm-anel:not(.vazio){align-self:center;margin-top:12px}
}
@container tela (max-width:699px){.tela .pm-cab .pm-mat-n{display:none}}
.tela .pm-qapoio{gap:4px 16px}

/* ===================== B2 da noite de 13/11 (PLANEJAMENTO-NOITE-1311.md): o app não sobe nem desce com o dedo (V66) ===================== */
/* A página de cima nunca rola: o <html> (quem manda no iPhone e no iPad) e o <body> sem o "puxa e volta" e sem rolagem
   própria. Cada área que rola (a tela, a meta, as folhas, a conversa, o foco, a busca) segura o próprio gesto: ao chegar
   no topo ou no fim, o movimento não passa para a página inteira. (Antes, só o <body> travava, e o <html> e o .rolo
   ficavam em "auto".) */
html,body{overflow:hidden;overscroll-behavior:none}
#app,#app *{overscroll-behavior:contain}
/* passada de design do B1: os títulos da meta e do foco quebram em linhas equilibradas (sem "II" sozinho na última) */
.tela .pm-tt h2,.tela>.foco h2{text-wrap:balance}

/* ===================== B3 da noite de 13/11 (PLANEJAMENTO-NOITE-1311.md): a tabela única de cores ===================== */
/* As cores vêm de tokens.mjs (TIPO e RESULTADO), medidas por programa no claro e no escuro (conferirContraste).
   1) O tipo da meta pinta com o mesmo tom nos dois temas (acaba o salmão do Estudo no escuro): o quadradinho, a faixa e,
      do B4 em diante, o cartão inteiro. */
.tela .pm.pm-t-estudo,.tela .mt.t-estudo,.tela .t-estudo{--tp:var(--tipo-estudo)}
.tela .pm.pm-t-questoes,.tela .mt.t-questoes,.tela .t-questoes{--tp:var(--tipo-questoes)}
.tela .pm.pm-t-revisao,.tela .mt.t-revisao,.tela .t-revisao{--tp:var(--tipo-revisao)}
/* 2) O resultado e o acerto, a mesma família: a classe diz a faixa (faixaDoAcerto no código) e dá o fundo (--ac), a
   letra em cima dele (--ac-t) e a cor como letra no cartão (--ac-tinta). */
.tela .ac-bom{--ac:var(--bom);--ac-t:var(--bom-letra);--ac-tinta:var(--bom-tinta)}
.tela .ac-atn{--ac:var(--atn);--ac-t:var(--atn-letra);--ac-tinta:var(--atn-tinta)}
.tela .ac-frc{--ac:var(--frc);--ac-t:var(--frc-letra);--ac-tinta:var(--frc-tinta)}
.tela .ac-semdado{--ac:var(--semdado);--ac-t:var(--texto);--ac-tinta:var(--texto2)}
/* a lista do Hoje e as etiquetas do tipo usam as mesmas classes de tipo (tm-, tc-): o tom fixo da tabela, letra branca */
.tela .tm-estudo,.tela .pilc.tc-estudo{--tp:var(--tipo-estudo)}
.tela .tm-questoes,.tela .pilc.tc-questoes{--tp:var(--tipo-questoes)}
.tela .tm-revisao,.tela .pilc.tc-revisao{--tp:var(--tipo-revisao)}
.tela .pilc:is(.tc-estudo,.tc-questoes,.tc-revisao){--pilc-t:var(--tipo-t)}

/* ===================== B4 da noite de 13/11 (PLANEJAMENTO-NOITE-1311.md): o Hoje com foco nas metas ===================== */
/* V62 e V55: cada meta é um cartão pintado inteiro pelo tipo (a tabela do B3), com letra branca e o título a 20 px; a meta
   da vez vem primeiro e maior, com "De onde retomo" e o Começar dentro dela; a feita (e a marcada "parte" ou "não fez")
   desce para o fim num tom apagado da cor dela, com o visto (guia 8). */
.tela .hB3 .h3-grupo{padding:0;overflow:visible;background:none!important;box-shadow:none!important;border:0}
.tela .hB3 .h3-lista{display:flex;flex-direction:column;gap:12px}
.tela .hB3 .h3-lista .mc{grid-template-columns:36px minmax(0,1fr) auto 14px;column-gap:14px;min-height:76px;padding:12px 16px;border-radius:var(--r-cartao,20px);background:var(--tp);color:var(--tipo-t)}
.tela .hB3 .h3-lista .mc+.mc::before,.tela .hB3 .h3-grupo .h3-lista+.h3-amanha::before{display:none}
.tela .hB3 .h3-lista .mc :is(.mc-t,.mc-u,.mc-mat,.mc-tempo,.mc-seta,.mc-extra){color:var(--tipo-t)}
.tela .hB3 .h3-lista .mc-t{font-size:20px;font-weight:700;line-height:1.2}
.tela .hB3 .h3-lista .mc-u{font-size:var(--t-apoio);line-height:1.35}
.tela .hB3 .h3-lista .mc-tempo{font-size:var(--t-apoio);font-weight:600}
.tela .hB3 .h3-lista .mc-ic{width:36px;height:36px;background:rgba(255,255,255,.2);color:var(--tipo-t)}
.tela .hB3 .h3-lista .mc-ic svg{width:20px;height:20px}
.tela .hB3 .h3-lista .mc:hover{background:color-mix(in srgb,var(--tp) 86%,#000);box-shadow:none}
.tela .hB3 .h3-lista .mc.vez,.tela .hB3 .h3-lista .mc.vez:hover{box-shadow:none}
.tela .hB3 .mc-vez-c{border-radius:var(--r-cartao,20px);background:var(--tp);color:var(--tipo-t);padding:4px 0 16px;box-shadow:0 10px 28px color-mix(in srgb,var(--tp) 32%,transparent)}
.tela[data-tema=escuro] .hB3 .mc-vez-c{box-shadow:none}
.tela .hB3 .mc-vez-c>.mc{background:transparent;min-height:88px}
.tela .hB3 .mc-vez-c>.mc:hover{background:rgba(0,0,0,.1)}
.tela .hB3 .mc-vez-c .mc-t{font-size:26px}
.tela .hB3 .mc-vez-c .mc-u{font-size:var(--t-corpo)}
.tela .hB3 .mc-vez-pe{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:0 16px 0 66px}
.tela .hB3 .mc-retomo{flex:1 1 220px;margin:0;font-size:var(--t-apoio);font-weight:600;color:var(--tipo-t)}
.tela .hB3 .mc-vez-pe .mc-comecar{flex:none;min-height:52px;padding:0 28px;border-radius:999px;font-size:var(--t-corpo)}
.tela .hB3 .h3-lista .mc:not([data-reg=""]){background:color-mix(in srgb,var(--tp) 26%,var(--cartao))}
.tela .hB3 .h3-lista .mc:not([data-reg=""]) :is(.mc-t,.mc-u,.mc-mat,.mc-seta,.mc-tempo,.mc-tempo.mc-nao){color:var(--texto)}
.tela .hB3 .h3-lista .mc:not([data-reg=""]) .mc-tempo.mc-feito{color:var(--bom-tinta)} /* o verde como letra da tabela (4,5 também no fundo tingido) */
.tela .hB3 .h3-lista .mc:not([data-reg=""]) .mc-ic{background:var(--tp);opacity:1}
.tela .hB3 .h3-grupo .h3-amanha{margin-top:12px;border:0;border-radius:var(--r-cartao,20px);background:var(--cartao);min-height:56px}
/* R13: os 4 botões do dia embaixo das metas, pequenos */
.tela .hB3 .h3-ativ>.h3-dia-acoes{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.tela .hB3 .h3-ativ>.h3-dia-acoes .btn{flex:0 0 auto;width:auto;min-height:44px;padding:8px 16px;font-size:var(--t-apoio);white-space:nowrap}
@container tela (max-width:699px){
  .tela .hB3 .h3-ativ>.h3-dia-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tela .hB3 .h3-ativ>.h3-dia-acoes .btn{width:100%}
  .tela .hB3 .h3-ativ>.h3-dia-acoes .btn.lembra{grid-column:1/-1}
  .tela .hB3 .h3-lista .mc{grid-template-columns:36px minmax(0,1fr) auto;padding:12px 14px}
  .tela .hB3 .h3-lista .mc-seta{display:none}
  .tela .hB3 .mc-vez-c .mc-t{font-size:22px}
  .tela .hB3 .mc-vez-pe{padding:0 14px}
  .tela .hB3 .mc-vez-pe .mc-comecar{flex:1 1 100%}
}
/* a grade: de 700 a 1099 px uma coluna (metas, depois coach, Rumo, números e Caminho); a partir de 1100 px, as metas na
   coluna larga (3 de 5 partes) e o resto na estreita; o gráfico dos 14 dias embaixo, na largura toda */
@container tela (min-width:700px){
  .tela:not(:has(>.conv)) .hB3 .h5.h6{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"a" "n" "c" "d";column-gap:24px;row-gap:24px;align-items:stretch}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-n{grid-area:n;display:block;min-width:0}
  .tela .hB3 .h6 .h5-n .h3-nums{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>:is(.h5-a,.h5-c){display:flex;flex-direction:column;gap:24px;min-width:0}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-a{grid-area:a}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-c{grid-area:c}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-d{grid-area:d;display:block}
  .tela:not(:has(>.conv)) .hB3 .h5.h6 .h5-i{grid-area:auto}
  .tela .hB3 .h6 .h5-c .h3-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@container tela (min-width:1100px){
  .tela:not(:has(>.conv)) .hB3 .h5.h6{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);grid-template-areas:"a c" "n n" "d d"}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>:is(.h5-a,.h5-c)>.h5-i:last-child{flex:1 1 auto;display:flex;flex-direction:column}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-c>.h5-i:last-child>.cartao{flex:1 1 auto}
  .tela .hB3 .h6 :is(.h5-c,.h5-n) .h3-n .num{font-size:var(--t-2)}
}
.tela .h3-rumo .h3-rm-vem{margin:12px 0 0;font-size:var(--t-apoio);line-height:1.4;color:var(--texto2)}
.tela .h3-rumo .h3-rm-vem .rot{font-weight:700;color:var(--texto)}
/* passada de design do B4 (fotos de 2000 px e do iPad deitado): o Começar no tamanho do botão, à direita do "De onde
   retomo"; a partir de 1100 px o gráfico dos 14 dias vai para baixo das metas, na coluna larga (a coluna estreita, com o
   coach, o Rumo, os números e o Caminho, é mais alta: sem ele, sobrava um vazio grande embaixo das metas); na coluna
   estreita, cada linha do Rumo empilha o nome, o texto e a barra (não quebra em 3 linhas espremidas) */
@container tela (min-width:700px){.tela .hB3 .mc-vez-pe .mc-comecar{width:auto}}
@container tela (min-width:1400px){
  .tela:not(:has(>.conv)) .hB3 .h5.h6{grid-template-rows:auto auto 1fr;grid-template-areas:"a c" "n c" "d c"}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-d{align-self:start}
  /* na coluna das metas, os números do gráfico vão para cima das barras: as barras ganham a largura toda (mínimo de toque 20 px) */
  .tela .hB3 .h6 .h5-d .g14-corpo{grid-template-columns:minmax(0,1fr)!important}
  .tela .hB3 .h6 .h5-d .g14-nums{flex-direction:row;flex-wrap:wrap;gap:12px 24px;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--borda)}
  .tela .hB3 .h6 .h5-d .g14-sems{gap:12px}.tela .hB3 .h6 .h5-d .g14-dias{gap:3px}
}
@container tela (min-width:1100px){
  .tela .hB3 .h6 .h5-c .h3-rm{grid-template-columns:minmax(0,1fr);grid-template-areas:"nome" "txt" "barra";row-gap:4px}
  .tela .hB3 .h6 .h5-c .h3-rm .s{text-align:left}
}
/* equilíbrio das colunas do Hoje largo: o gráfico dos 14 dias se estica até o fim da coluna do coach; na coluna estreita,
   os números ficam compactos e o Rumo só empilha as linhas quando a coluna é estreita (até 1499 px) */
@container tela (min-width:1400px){
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-d{align-self:stretch;display:flex;flex-direction:column}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-d>.h5-i{flex:1 1 auto;display:flex;flex-direction:column}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-d .h3-larga{flex:1 1 auto;display:flex;flex-direction:column}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-d .h3-larga>.cartao{flex:1 1 auto}
  .tela .hB3 .h6 :is(.h5-c,.h5-n) .h3-n{padding:12px 16px;gap:4px}
  .tela .hB3 .h6 :is(.h5-c,.h5-n) .h3-n .segs{margin:4px 0}
}
@container tela (min-width:1500px){
  .tela .hB3 .h6 .h5-c .h3-rm{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"nome txt" "barra barra"}
  .tela .hB3 .h6 .h5-c .h3-rm .s{text-align:right}
}

/* ===================== B5 da noite de 13/11 (PLANEJAMENTO-NOITE-1311.md): o Planejamento pintado pelo resultado ===================== */
/* V62: hoje e os dias que vêm, cada meta é um cartão pintado pelo tipo, letra branca; a já marcada de hoje fica no tom apagado */
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta]{background:var(--tp)!important;border:0!important;box-shadow:none!important;color:var(--tipo-t)}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta] :is(.mt-c b,.mt-c span,.mt-l,.mt-t,.mt-extra,.s,b,span){color:var(--tipo-t)!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta] .mt-mover{color:var(--tipo-t)!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta].passou{background:color-mix(in srgb,var(--tp) 26%,var(--cartao))!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta].passou :is(.mt-c b,.mt-c span,.mt-l,.mt-t,.mt-extra,.s,b,span){color:var(--texto)!important}
/* V56, V65 e R10: os dias que passaram, pelas marcas (D5). Dia todo feito: a coluna inteira verde, com um visto grande no
   dia; nenhuma meta feita: a coluna vermelha; nos dias em parte, cada meta na cor da marca (verde, laranja "fez parte",
   cereja "não fez" ou "sem marca"). As cores são as da tabela (B3), com a letra medida. */
.tela .plan .g7-col.passado.c-verde{background:var(--bom)!important;box-shadow:none!important}
.tela .plan .g7-col.passado.c-vermelho{background:var(--frc)!important;box-shadow:none!important}
.tela .plan .g7-col.passado.c-verde :is(.g7-d,.g7-n,.g7-hf,.g7-hp,.g7-vazio){color:var(--bom-letra)!important}
.tela .plan .g7-col.passado.c-vermelho :is(.g7-d,.g7-n,.g7-hf,.g7-hp,.g7-vazio){color:var(--frc-letra)!important}
.tela .g7-col .g7-p,.tela .sem7-p{display:grid;place-items:center}
.tela .g7-col.c-verde .g7-p{background:var(--bom)}.tela .g7-col.c-amarelo .g7-p{background:var(--atn)}.tela .g7-col.c-vermelho .g7-p{background:var(--frc)}
.tela .plan .g7-col.passado.c-verde .g7-p{width:32px;height:32px;border-radius:50%;background:var(--bom);color:var(--bom-letra);box-shadow:inset 0 0 0 2.5px var(--bom-letra)}
.tela .plan .g7-col.passado.c-verde .g7-p .ico{width:26px;height:26px}
.tela .plan .g7-col.passado.c-vermelho .g7-p{box-shadow:0 0 0 2px var(--frc-letra)}
.tela .g7-m.m-feito{background:var(--bom)!important;color:var(--bom-letra)}
.tela .g7-m.m-parte{background:var(--atn)!important;color:var(--atn-letra)}
.tela .g7-m:is(.m-nao,.m-nenhuma){background:var(--frc)!important;color:var(--frc-letra)}
.tela .g7-m :is(b,span),.tela .g7-m.m-nao span{color:inherit!important}
.tela .g7-m span svg{color:inherit!important}
.tela .plan .g7-col.passado.c-verde .g7-m{background:rgba(255,255,255,.32)!important;color:var(--bom-letra)}
.tela .plan .g7-col.passado.c-vermelho .g7-m{background:rgba(0,0,0,.2)!important;color:var(--frc-letra)}
/* R9: no celular e no iPad em pé, o círculo de cada dia que passou vem pintado (verde com o visto, laranja ou vermelho);
   tocar no dia abre a lista dele com as metas pintadas pela marca */
.tela .sem7-d:not(.hj):is(.c-verde,.c-amarelo,.c-vermelho) .sem7-p{width:20px;height:20px}
.tela .sem7-d.c-verde .sem7-p{background:var(--bom);color:var(--bom-letra)}.tela .sem7-d.c-amarelo .sem7-p{background:var(--atn)}.tela .sem7-d.c-vermelho .sem7-p{background:var(--frc)}
.tela .sem7-p .ico{width:16px;height:16px}
.tela .sdf-l li{list-style:none;margin:8px 0;padding:12px 14px;border-radius:var(--r-campo,12px)}
.tela .sdf-passado li.m-feito{background:var(--bom);color:var(--bom-letra)}
.tela .sdf-passado li.m-parte{background:var(--atn);color:var(--atn-letra)}
.tela .sdf-passado li:is(.m-nao,.m-nenhuma){background:var(--frc);color:var(--frc-letra)}
.tela .sdf-l li :is(b,.s){color:inherit}
/* à noite o amarelo é do "Como foi o dia?": o Começar da meta da vez fica branco, com a letra na cor do tipo (contraste
   de pelo menos 6 nos três tipos), em vez do tom apagado da conta, que em cima do cartão pintado não se lia */
.tela:has(.h3-dia-acoes .btn.lembra) .hB3 .mc-vez-c .mc-comecar.btn.p{background:#FFFFFF;color:var(--tp);box-shadow:none}
/* B4, conferência: com a conversa aberta, a grade antiga tinha a área do "Seu próximo passo" (que saiu): sem ela não sobra
   uma linha vazia (o vão duplo entre o Caminho e o gráfico); e, na coluna das metas, as barras do gráfico com 2 px entre
   si e menos folga à direita, para ficarem com pelo menos 20 px a 1440 */
@container tela (min-width:1700px){.tela:has(>.conv) .hB3 .h5.h6{grid-template-areas:"pass pass" "lista coach" "lista rumo" "g14 g14" "nums nums" "cam cam"}}
@container tela (min-width:1200px) and (max-width:1699px){.tela:has(>.conv) .hB3 .h5.h6{grid-template-areas:"pass" "lista" "coach" "rumo" "nums" "cam" "g14"}}
@container tela (min-width:1400px){
  .tela:not(:has(>.conv)) .hB3 .h6 .h5-d .g14-dias{gap:2px}
  .tela:not(:has(>.conv)) .hB3 .h6 .h5-d .g14-tl{padding-right:64px}
}
@container tela (min-width:700px) and (max-width:1099px){.tela:has(>.conv) .hB3 .h5.h6{grid-template-areas:"pass" "lista" "coach" "rumo" "nums" "cam" "g14"}}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta].passou .pilc.pilc{color:var(--tipo-t)!important} /* a etiqueta do tipo continua cheia, com letra branca */

/* ===================== B6 da noite de 13/11: o Desempenho ===================== */
/* V60: o "Fazer questões" numa linha compacta (título, frase e botão), sem o quadro branco grande */
.tela .est-fazer.est-fazer-l{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 20px;min-height:0}
.tela .est-fazer.est-fazer-l h3{display:flex;align-items:center;gap:8px;margin:0}
.tela .est-fazer.est-fazer-l p{margin:2px 0 0}
.tela .est-fazer.est-fazer-l .btn{flex:none}
.tela .est-cmp.sd{display:flex;align-items:center;gap:8px}
.tela .est-2 h3{display:flex;align-items:center;gap:8px}
.tela .est-cmp.sd .info-i,.tela .est-2 h3 .info-i,.tela .est-fazer-l h3 .info-i{flex:none}

/* ===================== B6 da noite de 13/11: o acerto pintado pela regra 80/60 (V59, V67b, V71, R6) ===================== */
/* o acerto como número pintado, em toda tela (acH no código): a cor da faixa como letra (--ac-tinta) */
.tela .ac-v{color:var(--ac-tinta);font-weight:700}
/* a Evolução do acerto: as faixas no fundo, a meta destacada, os pontos e a etiqueta do último valor; a caixa estica com o
   cartão, e o ajustaLinhas refaz o desenho na medida dela (sem vazio embaixo) */
.tela .gl-caixa{display:block;min-width:0;margin-top:8px}
.tela .gl-caixa>svg{display:block;margin:0}
.tela .des3 .est-2>.cartao>.gl-caixa{flex:1 1 auto;min-height:0}
.tela .gl .gl-f{stroke:none}
.tela .gl .gl-f.gl-bom{fill:var(--bom);opacity:.15}
.tela .gl .gl-f.gl-atn{fill:var(--atn);opacity:.15}
.tela .gl .gl-f.gl-frc{fill:var(--frc);opacity:.13}
.tela[data-tema=escuro] .gl .gl-f{opacity:.2}
.tela .gl .gl-meta{stroke:var(--bom-tinta);stroke-width:2.5;stroke-dasharray:10 6}
.tela .gl text.gl-tm{fill:var(--bom-tinta);font-weight:700}
.tela .gl .gl-linha{fill:none;stroke:var(--conta);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}
.tela .gl .gl-pt{stroke:var(--cartao);stroke-width:2.5}
.tela .gl .gl-pt.gl-bom,.tela .gl .gl-etq.gl-bom rect{fill:var(--bom)}
.tela .gl .gl-pt.gl-atn,.tela .gl .gl-etq.gl-atn rect{fill:var(--atn)}
.tela .gl .gl-pt.gl-frc,.tela .gl .gl-etq.gl-frc rect{fill:var(--frc)}
.tela .gl .gl-etq text{font-weight:700}
.tela .gl .gl-etq.gl-bom text{fill:var(--bom-letra)}
.tela .gl .gl-etq.gl-atn text{fill:var(--atn-letra)}
.tela .gl .gl-etq.gl-frc text{fill:var(--frc-letra)}
/* o Acerto por matéria: o nome e a quantidade em negrito à esquerda, o % grande e pintado à direita, a barra da faixa
   com a marca da meta (o desenho dos Módulos, que ele elogiou) */
.tela .apm li{gap:8px 16px;padding:12px 16px}
.tela .apm-nome{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
.tela .apm-q{color:var(--texto2);font-size:var(--t-apoio)}
.tela .apm .apm-q b{color:var(--tit);font-weight:700}
.tela .apm .apm-pc{font-size:var(--t-2);font-weight:700;line-height:1.1;color:var(--ac-tinta);font-variant-numeric:tabular-nums}
.tela .apm .apm-bac{grid-column:1/-1;height:8px;margin-top:4px}
/* Matérias: o % grande e pintado, a quantidade em negrito */
.tela .mg-ac .mg-pc{font-size:var(--t-2);line-height:1.1;color:var(--ac-tinta)}
.tela .mg-ac{display:inline-flex;align-items:baseline;flex-wrap:wrap;justify-content:center;gap:4px 8px}
/* o Hoje: os segmentos do acerto das Questões na cor da faixa */
.tela .segs[class*=" ac-"] i.on{background:var(--ac)}
/* o % pintado dentro de uma etiqueta (caixa flexível, que come o espaço): "67% de acerto" */
.tela .etq>.ac-v{margin-right:.3em}

/* ===================== B7 da noite de 13/11: o Caminho da aprovação (V70) ===================== */
.tela .gc-caixa{display:block;min-width:0}
.tela .gc-caixa>svg{display:block;margin:0}
.tela .gc .gc-antes{fill:var(--conta);opacity:.12}
.tela[data-tema=escuro] .gc .gc-antes{opacity:.2}
.tela .gc text.gc-antes-t{fill:var(--texto);font-weight:600}
.tela .gc .gc-tick{stroke:var(--texto2);stroke-width:1.5}
.tela .gc .gc-linha{fill:none;stroke:var(--conta);stroke-width:4.5;stroke-linejoin:round;stroke-linecap:round}
.tela .gc .gc-pt{fill:var(--cartao);stroke:var(--conta);stroke-width:2.5}
.tela .gc .gc-plano{fill:none;stroke:var(--texto2);stroke-width:2.5;stroke-dasharray:8 7;stroke-linecap:round}
.tela .gc .gc-pfim{fill:var(--cartao);stroke:var(--texto2);stroke-width:2.5}
.tela .gc .gc-band line{stroke:var(--tit);stroke-width:2}
.tela .gc .gc-band path{fill:var(--amarelo)}
.tela .gc .gc-etq rect{fill:var(--trilho)}
.tela .gc .gc-etq text{fill:var(--trilho-t);font-weight:700}
.tela .g-leg i.lg-a{width:14px;height:12px;border:0;border-radius:8px;background:color-mix(in srgb,var(--conta) 22%,transparent)}
.tela .g-leg i.lg-c{border-top-width:4.5px}
/* o cartão do Caminho: quando a coluna estica o cartão, a caixa do desenho cresce junto (o ajustaCaminho preenche) */
.tela .gcard{display:flex;flex-direction:column}
.tela .gcard>.gc-caixa{flex:1 1 auto}
/* (B7: os números moram agora em .h5-n, embaixo das metas em toda forma larga) a pendência do B4: no iPad deitado (1100 a 1399 px) a coluna estreita tinha 1.118 px (o Rumo empilhado ocupa 505) e as
   metas 654: sobravam 464 px vazios embaixo delas. O Caminho e os 4 números saem da coluna estreita e vão para a largura
   toda, embaixo das duas colunas e antes do gráfico dos 14 dias; na coluna estreita ficam o coach e o Rumo */
@container tela (min-width:1100px) and (max-width:1399px){
  .tela:not(:has(>.conv)) .hB3 .h5.h6{grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"a coach" "a rumo" "nums nums" "cam cam" "d d";align-items:start}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-c{display:contents}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-c>.h5-i[data-a=coach]{grid-area:coach}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-c>.h5-i[data-a=rumo]{grid-area:rumo}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-n{grid-area:nums}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-c>.h5-i[data-a=cam]{grid-area:cam}
  .tela:not(:has(>.conv)) .hB3 .h5.h6>.h5-a{grid-row:1/3}
}
/* B7, passada de design (1440, Átila): na linha dos 4 números embaixo das metas, o rótulo quebra dentro do cartão (o "Do
   que cai, estudado" passava da borda); no Caminho da coluna estreita, os ícones dos 3 números saem para o texto caber */
.tela .hB3 .h6 .h5-n .h3-n .linha{flex-wrap:wrap;row-gap:2px}
.tela .hB3 .h6 .h5-n .h3-n .linha>.rot{flex:1 1 auto;min-width:0;overflow-wrap:normal} /* quebra só entre palavras; a etiqueta desce se não couber */
@container tela (min-width:1400px) and (max-width:1799px){
  .tela .hB3 .h6 .h5-c .gcard .g-ic{display:none}
  .tela .hB3 .h6 .h5-c .gcard .g-nums{gap:8px}
}

/* ===================== B8 da noite de 13/11: o Mapa funciona (V68, D1) e a Ficha com o boneco (V57) ===================== */
/* a estrada: os botões das paradas por cima do desenho, na mesma escala (a caixa tem o tamanho do desenho) */
.tela .ps-caixa{position:relative;width:fit-content;max-width:100%;margin:0 auto}
.tela .ps-caixa>svg{display:block}
.tela .ps-b{position:absolute;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer;transition:background-color .15s,box-shadow .15s}
.tela .ps-b:hover{background:color-mix(in srgb,var(--conta) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--conta) 45%,transparent)}
.tela .ps-b:active{background:color-mix(in srgb,var(--conta) 22%,transparent)}
.tela .ps-b:focus-visible{outline:3px solid var(--borda-agora);outline-offset:2px}
/* as trilhas: cada bolinha é um botão; o alvo cresce para 44 px (a faixa ganha altura para ele caber) */
.tela .estrada{padding:12px 12px;margin:0 -12px}
.tela .estrada button.pa{position:relative;z-index:1;width:44px;height:44px;flex:0 0 44px;margin:-12px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.tela .estrada button.pa::before{content:"";position:absolute;inset:12px;border-radius:50%;border:3px solid var(--m);background:var(--cartao);transition:transform .15s,box-shadow .15s}
.tela .estrada button.pa:hover::before{transform:scale(1.25);box-shadow:0 0 0 3px color-mix(in srgb,var(--m) 35%,transparent)}
.tela .estrada button.pa:active::before{transform:scale(.92)}
.tela .estrada button.pa:focus-visible{outline:3px solid var(--borda-agora);outline-offset:-6px}
/* a Próxima parada: o cartão inteiro abre a aula */
.tela .prox-p[data-acao]{position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}
.tela .prox-p[data-acao]:hover{transform:translateY(-1px)}
.tela .prox-p[data-acao]:active{transform:scale(.99)}
.tela .prox-p .prox-ir{position:absolute;top:16px;right:20px;font-size:28px;line-height:1;color:var(--texto2)}
/* no celular, a lista da estrada: cada linha é um botão de 44 px ou mais */
.tela .paradas-l li{display:block;padding:0}
.tela .paradas-l .pl-b{width:100%;min-height:52px;display:grid;grid-template-columns:20px minmax(0,1fr) auto 14px;gap:12px;align-items:center;padding:12px 4px;background:none;border:0;font:inherit;color:var(--texto);text-align:left;cursor:pointer;border-radius:12px}
.tela .paradas-l .pl-b i{width:14px;height:14px;border-radius:50%;background:var(--m);display:block}
.tela .paradas-l .pl-b:active{background:color-mix(in srgb,var(--conta) 12%,transparent)}
.tela .paradas-l .pl-ir{font-size:22px;color:var(--texto2)}
/* a Ficha: o cartão de abertura com o boneco grande (a luz na cor da conta) e o nome ao lado; no celular, em cima e centrado */
.tela .fC .fc-abre{display:flex;align-items:center;gap:32px;padding:24px 28px;overflow:hidden}
.tela .fC .fc-abre .bon{--h:240px;cursor:default;margin-bottom:12px}
.tela .fC .fc-abre-t{display:flex;flex-direction:column;gap:8px;min-width:0}
.tela .fC .fc-abre h1{margin:0}
.tela .fC .fc-resumo{margin:4px 0 0;color:var(--texto)}
.tela .fC .fc-resumo b{color:var(--tit)}
@container tela (max-width:699px){
  .tela .fC .fc-abre{flex-direction:column;text-align:center;gap:12px;padding:20px 16px}
  .tela .fC .fc-abre .bon{--h:210px}
  .tela .fC .fc-abre .simb-cel-bt{display:none}
  .tela .fC .fc-abre h1{justify-content:center}
}
/* B8, passada de design (iPad deitado, Átila): na coluna estreita (cartão com menos de 480 px) o boneco fica com 200 px e a
   dica da cor sai: o nome e o resumo têm lugar ao lado dele */
.tela .fC .fc-abre{container:fcabre/inline-size}
@container fcabre (max-width:480px){
  .tela .fC .fc-abre .bon{--h:200px}
  .tela .fC .fc-abre-t>.s{display:none}
}
@container tela (max-width:699px){.tela .fC .fc-abre{container-type:normal}}
/* o cartão do boneco e a Aparência com o mesmo espaço das outras colunas (encostavam) */
.tela .fC .fc-col{display:flex;flex-direction:column;gap:16px}

/* ===================== Visualização 4 (14/11, PLANEJAMENTO-VISUALIZACAO4-1411.md) ===================== */
/* C1 · a caixa das metas sem marca (V74, V78, D1): 1 meta por linha; 2 colunas só com a própria caixa de 900 px ou mais;
   "Fiz", "Fiz parte" e "Não fiz" na linha. A caixa é o recipiente (smx) que a regra olha. */
.tela .h3-passados.sm-forte{container:smx / inline-size}
.tela .sm-lista{display:flex;flex-direction:column}
@container smx (min-width:900px){
  .tela .sm-forte .sm-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .tela .sm-forte .sm-l:nth-child(2){border-top:0}
}
.tela .sm-l{flex-wrap:nowrap}
.tela .sm-abre{flex-wrap:wrap;row-gap:2px;column-gap:12px}
.tela .sm-tx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tela .sm-bts{gap:8px}
.tela .sm-parte{--oc:#F97316}
.tela .sm-parte:hover{background:color-mix(in srgb,#F97316 14%,var(--cartao))}
/* linha estreita (até 639 px, como nas 2 colunas a 2000 px ou na caixa da coluna das metas): o dia vai embaixo do nome e
   os botões ficam mais curtos. Cada linha é um recipiente (sml): a regra olha a largura dela, não a da tela. */
.tela .sm-forte .sm-l{container:sml / inline-size}
@container sml (max-width:639px){
  .tela .sm-forte .sm-abre{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:4px 8px 4px 0}
  .tela .sm-forte .sm-abre .sm-dia{padding:0;background:none;box-shadow:none;font-weight:700;color:var(--texto)}
  .tela .sm-forte .sm-b{padding:8px 10px;gap:6px}
}
/* no celular (D1): a caixa mais baixa, para a 1ª meta de hoje ficar na 1ª tela com até 3 metas sem marca: o cabeçalho
   numa linha (sem a frase de baixo), a linha de cada meta com 44 px e os 3 botões pequenos, só com a palavra */
@container tela (max-width:699px){
  .tela .h3-passados.sm-forte{gap:4px;padding:8px 12px}
  .tela .sm-forte .sm-cab{gap:8px}
  .tela .sm-forte .sm-n{min-width:32px;height:32px;padding:0 8px;font-size:var(--t-corpo);border-radius:8px}
  .tela .sm-forte .sm-cab h3{font-size:var(--t-apoio)}
  .tela .sm-forte .sm-q{display:none}
  .tela .sm-forte .sm-lista{gap:0}
  .tela .sm-forte .sm-l{gap:6px;padding:2px 0}
  .tela .sm-forte .sm-abre{min-height:44px;padding:2px 0}
  .tela .sm-forte .sm-abre .sm-tx{white-space:nowrap;-webkit-line-clamp:1;line-clamp:1;display:block;text-overflow:ellipsis}
  .tela .sm-forte .sm-bts{gap:4px}
  .tela .sm-forte .sm-b{min-width:0;min-height:44px;padding:6px 8px;font-size:var(--t-apoio);border-width:1.5px;border-radius:8px}
  .tela .sm-forte .sm-b .ico{display:none}
  .tela .sm-forte .sm-bl-l{display:none}
  .tela .sm-forte .sm-bl-c{display:inline}
}
.tela .sm-bl-c{display:none}
/* a folha do Fiz parte da caixa: os blocos para marcar, como os da página da meta */
.tela .sm-bks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tela .sm-bk{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--borda);background:var(--cartao-2);color:var(--texto);font-weight:600;text-align:left}
.tela .sm-bk .sm-bk-n{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:var(--cartao);font-weight:700;color:var(--tit)}
.tela .sm-bk .sm-bk-ok{margin-left:auto;width:20px;height:20px;opacity:0;color:#18B979}
.tela .sm-bk[aria-pressed=true]{border-color:#18B979;background:color-mix(in srgb,#18B979 14%,var(--cartao))}
.tela .sm-bk[aria-pressed=true] .sm-bk-ok{opacity:1}
.tela .sm-parte-folha .btn.p{align-self:flex-start}
.tela .sm-bk-ok .ico,.tela .sm-bk-ok svg{width:20px;height:20px}

/* C2 · as cores do Dashboard nas metas (V72 e V73). O cartão da meta no Hoje é o ".vm" do Dashboard: fundo suave do tipo,
   borda fina de 1,5 px, faixa de 6 px na cor da matéria, o pontinho da matéria e a etiqueta do tipo; a letra é a do tema.
   Os valores vêm da tabela única (tokens.mjs, SUAVE), medidos por programa nos 2 temas (conferirContraste). */
.tela .tm-estudo{--svf:var(--sv-estudo-f);--svb:var(--sv-estudo-b)}
.tela .tm-revisao{--svf:var(--sv-revisao-f);--svb:var(--sv-revisao-b)}
.tela .tm-questoes{--svf:var(--sv-questoes-f);--svb:var(--sv-questoes-b)}
.tela .hB3 .h3-lista .mc{position:relative;overflow:hidden;padding-left:22px;background:var(--svf);box-shadow:inset 0 0 0 1.5px var(--svb);color:var(--texto)}
.tela .hB3 .h3-lista .mc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--m)}
.tela .hB3 .h3-lista .mc :is(.mc-u,.mc-mat,.mc-tempo,.mc-extra){color:var(--texto)}
.tela .hB3 .h3-lista .mc .mc-t{color:var(--tit)}
.tela .hB3 .h3-lista .mc .mc-seta{color:var(--texto2)}
.tela .hB3 .h3-lista .mc .mc-ic{background:var(--tp);color:var(--tipo-t)}
.tela .hB3 .h3-lista .mc:hover{background:color-mix(in srgb,var(--svb) 30%,var(--svf));box-shadow:inset 0 0 0 1.5px var(--svb)}
.tela .hB3 .mc-mat::before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--m);margin-right:6px;vertical-align:1px}
.tela .hB3 .mc-tipo{display:none}
@container tela (min-width:700px){.tela .hB3 .mc-tipo{display:inline-flex;margin-right:8px;vertical-align:1px;padding:2px 10px}}
/* a meta da vez: a primeira e maior, com "De onde retomo" e o Começar amarelo; a borda do tipo mais grossa */
.tela .hB3 .mc-vez-c{position:relative;overflow:hidden;background:var(--svf);color:var(--texto);box-shadow:inset 0 0 0 2.5px var(--tp),0 8px 24px color-mix(in srgb,var(--tp) 14%,transparent)}
.tela[data-tema=escuro] .hB3 .mc-vez-c{box-shadow:inset 0 0 0 2.5px var(--tp)}
.tela .hB3 .mc-vez-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--m)}
.tela .hB3 .mc-vez-c>.mc{background:transparent;box-shadow:none}
.tela .hB3 .mc-vez-c>.mc::before{display:none}
.tela .hB3 .mc-vez-c>.mc:hover{background:color-mix(in srgb,var(--svb) 25%,transparent);box-shadow:none}
.tela .hB3 .mc-vez-c .mc-retomo{color:var(--texto)}
/* a meta marcada desce para o fim, apagada (quase o cartão), com o visto */
.tela .hB3 .h3-lista .mc:not([data-reg=""]){background:color-mix(in srgb,var(--svf) 45%,var(--cartao));box-shadow:inset 0 0 0 1px var(--borda)}
.tela .hB3 .h3-lista .mc:not([data-reg=""]) .mc-t{color:var(--texto)}
/* o Planejamento: a meta dos dias que vêm com 10% da cor do tipo e a letra do tema, como o ".sv-slot" do Dashboard (a
   etiqueta do tipo continua cheia, com letra branca; os dias feitos continuam verdes, aprovado) */
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta]{background:color-mix(in srgb,var(--tp) 10%,var(--cartao))!important;color:var(--texto)}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta] :is(.mt-c b,.mt-c span,.mt-l,.mt-t,.mt-extra,.s,b,span){color:var(--texto)!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta] .mt-c b{color:var(--tit)!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta] .mt-mover{color:var(--tit)!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta].passou{background:color-mix(in srgb,var(--tp) 5%,var(--cartao))!important}
.tela :is(.plan,.pA) :is(.dia,.g7-col) .mt.mt[data-meta] .pilc.pilc{color:var(--tipo-t)!important}

/* C3 · a semana como no Dashboard (V76, D3). A partir de 1100 px: a faixa de cima é a semana do calendário (os dias que
   passaram como eram, pintados pelas marcas, com o visto e as metas; hoje e os que vêm só para ver, com 12% do tipo, como
   a faixa do Dashboard); embaixo, os 7 próximos dias numa grade de 12 colunas: os 3 primeiros com 4 colunas cada, os 4
   seguintes com 3 (".sv-dias" do Dashboard). De 700 a 1099 px, a faixa estreita de sempre e a grade em 2 colunas (o 7º dia
   na largura toda). No celular, nada muda (aprovado). Arrastar uma meta de um cartão para outro troca ou move (o mesmo
   arrastar de antes, que já valia entre quaisquer dias à vista). */
.tela .plan .faixas>.d7-depois{display:none}
@container tela (min-width:700px){
  .tela .plan .faixas.v4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
  .tela .plan .faixas.v4>.sem-cab:not(.d7-depois){display:none!important}
  .tela .plan .faixas.v4>.d7-depois{display:block!important;grid-column:1/-1;margin:4px 0 0}
  .tela .pA[data-prox] .faixas.v4>.dia.d7{display:flex!important}
  .tela .pA[data-prox=aberta] .faixas.v4>.dia.d7c{display:flex!important}
  .tela .plan .faixas.v4>.dia{grid-column:auto;min-width:0;flex-direction:column;gap:10px;padding:14px 12px;margin:0;border:0;border-radius:var(--r-cartao);background:var(--cartao);grid-template-columns:none;position:relative;overflow:visible}
  .tela .plan .faixas.v4>.dia.d7-ult{grid-column:1/-1}
  .tela[data-tema=claro] .plan .faixas.v4>.dia{box-shadow:0 1px 2px rgba(10,20,50,.06),0 4px 16px rgba(10,20,50,.06)}
  .tela .plan .faixas.v4>.dia.dia-hoje{background:var(--cartao-2);outline:2px solid var(--conta);outline-offset:-2px}
  .tela .plan .faixas.v4>.dia>.g7-cab{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"d n h m";align-items:center;column-gap:8px;row-gap:0;padding:0 2px}
  .tela .plan .faixas.v4>.dia>.g7-cab .g7-d{font-size:var(--t-corpo);font-weight:700;color:var(--tit)}
  .tela .plan .faixas.v4>.dia>.g7-cab .g7-n{font-size:var(--t-corpo)}
  .tela .plan .faixas.v4>.dia>.g7-cab .g7-p{display:none}
  .tela .plan .faixas.v4>.dia>.g7-cab .g7-h{justify-self:end;text-align:right}
  .tela .plan .faixas.v4>.dia>.g7-cab .g7-mais{position:static;margin:-8px -6px -8px 0}
  .tela .plan .faixas.v4>.dia>.dc{display:none!important}
  .tela .plan .faixas.v4>.dia>.dia-esq{display:none!important;padding:0;border:0}
  .tela .plan .faixas.v4>.dia.acoes-abertas>.dia-esq{display:flex!important;flex-direction:column;gap:8px}
  .tela .plan .faixas.v4>.dia.acoes-abertas>.dia-esq>:not(.dia-mm):not(.dia-acoes){display:none!important}
  .tela .plan .faixas.v4>.dia .dia-mm,.tela .plan .faixas.v4>.dia .dia-acoes{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
  .tela .plan .faixas.v4>.dia .dia-mm .btn,.tela .plan .faixas.v4>.dia .dia-acoes .btn{flex:1 1 120px;width:auto;min-height:44px;font-size:var(--t-apoio);white-space:nowrap}
  .tela .plan .faixas.v4>.dia .dia-mm-h{display:none}
  .tela .plan .faixas.v4>.dia>.dia-dir{display:block;padding:0;min-width:0;border:0}
  .tela .plan .faixas.v4>.dia .dia-metas{display:flex;flex-direction:column;gap:8px}
  .tela .plan .faixas.v4>.dia .nada{margin:0;font-size:var(--t-apoio);color:var(--texto2)}
  /* a meta no cartão do dia: o nome e o tempo, a etiqueta do tipo e a matéria, e o assunto em até 2 linhas; o Mover no canto */
  .tela .plan .faixas.v4>.dia .mt{position:relative;display:flex!important;flex-direction:column;gap:4px;min-height:0;padding:10px 48px 10px 12px;border-radius:8px}
  .tela .plan .faixas.v4>.dia .mt .mt-c{display:flex!important;flex-direction:row;align-items:baseline;gap:8px}
  .tela .plan .faixas.v4>.dia .mt .mt-c b{font-size:var(--t-corpo);font-weight:700;white-space:normal;line-height:1.25}
  .tela .plan .faixas.v4>.dia .mt .mt-c span{display:inline!important;font-size:var(--t-apoio);white-space:nowrap}
  .tela .plan .faixas.v4>.dia .mt .mt-l{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 8px}
  .tela .plan .faixas.v4>.dia .mt .mt-l>*{display:inline-flex!important}
  .tela .plan .faixas.v4>.dia .mt .mt-l>:is(.cresce,.mt-min){display:none!important}
  .tela .plan .faixas.v4>.dia .mt .mt-l .pilc{padding:2px 10px}
  .tela .plan .faixas.v4>.dia .mt .mt-t{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:var(--t-apoio);line-height:1.35}
  .tela .plan .faixas.v4>.dia .mt .mt-extra{display:block!important;font-size:var(--t-apoio)}
  .tela .plan .faixas.v4>.dia .mt .mt-mover{position:absolute;top:2px;right:2px;width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0}
  .tela .plan .faixas.v4>.dia .mt>.s{font-size:var(--t-apoio)}
  .tela .plan .faixas.v4>.dia .mt.passou .mt-c b{text-decoration:line-through;text-decoration-thickness:2px}
  /* soltar: o cartão do dia que recebe ganha o contorno da conta */
  .tela .plan .faixas.v4>.dia.alvo-ok{outline:2px dashed var(--conta);outline-offset:-2px}
}
@container tela (min-width:1100px){
  .tela .plan .faixas.v4{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
  .tela .plan .faixas.v4>.dia.d7a{grid-column:span 4}
  .tela .plan .faixas.v4>.dia:is(.d7b,.d7c){grid-column:span 3}
  .tela .plan .g7-faixa.so-grade{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:stretch;margin-bottom:24px}
  .tela .plan .g7-faixa .g7-col.vem{background:color-mix(in srgb,var(--cartao) 70%,transparent)}
  .tela .plan .g7-faixa .g7-m.g7-vem{background:color-mix(in srgb,var(--tp) 12%,var(--cartao))}
  .tela .plan .g7-faixa .g7-m.g7-vem b{color:var(--tit)}
}

/* C4 · a página da meta cabe no celular (V77). Só no celular (o cabeçalho de 2 linhas só existe nele): a linha 1 com o tipo
   e a sigla, o Foco e o ×; a linha 2 com a matéria, a unidade e o tempo, e o anel menor à direita. Os blocos ficam
   compactos (o número, o título e "cerca de 30 min" numa caixa baixa). A barra fixa (Fiz, Fiz parte, Travei, Não
   consegui) fica como está. */
.tela .pm .pm-cab.pm-cab-cel{display:flex!important;flex-direction:column;align-items:stretch!important;gap:6px;padding:8px 12px 12px;grid-template-areas:none}
.tela .pm .pm-cab-cel .pm-l1{display:flex;align-items:center;gap:8px;min-height:44px;margin:0}
.tela .pm .pm-cab-cel .pm-t1{flex:1 1 auto;min-width:0;margin:0;font-size:22px;font-weight:700;line-height:1.2;color:#FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}
.tela .pm .pm-cab-cel .pm-t1 .pm-tipo-mat{font-weight:600}
.tela .pm .pm-cab-cel .pm-l2{display:flex;align-items:center;gap:12px;min-width:0}
.tela .pm .pm-cab-cel .pm-sub{flex:1 1 auto;min-width:0;margin:0;font-size:var(--t-apoio);line-height:1.35;color:#FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.tela .pm .pm-cab-cel .pm-anel{flex:none;margin:0!important;align-self:center}
@container tela (max-width:699px){
  .tela .pm .pm-sec>h3{margin-bottom:8px}
  .tela .pm .pm-card{gap:10px;padding:8px 10px 8px 14px;border-radius:14px;align-items:center}
  .tela .pm .pm-circ{width:36px;height:36px;font-size:var(--t-corpo)}
  .tela .pm .pm-card-t{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"blq etq" "ass ass";column-gap:8px;row-gap:2px;align-items:center}
  .tela .pm .pm-blq{grid-area:blq}
  .tela .pm .pm-ass{grid-area:ass;margin:0;font-size:var(--t-apoio);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .tela .pm .pm-etqs{grid-area:etq;display:flex!important;flex-wrap:wrap;gap:4px 6px;margin:0;justify-content:flex-end}
  .tela .pm .pm-etqs .pm-etq{padding:2px 8px;font-size:var(--t-apoio);white-space:nowrap}
  .tela .pm .pm-blq{white-space:nowrap}
  /* "páginas: sem esse dado" fica no (i) de "Os blocos de hoje" (o que falta vai uma vez só, T17); no cartão baixo, só o tempo */
  .tela .pm .pm-etqs .pm-etq.sd{display:none}
  .tela .pm .pm-etqs>.pm-etq.sd+*::before{content:none}
  /* o andamento do módulo, mais baixo (com módulos de mais de 16 blocos, a barra vem em 2 fileiras e a página rolava):
     os vãos menores, o cronômetro e os 3 números mais baixos; "Em blocos: o módulo tem N" sai (o total está na linha 2) */
  .tela .pm .pm-sec{margin-bottom:12px}
  .tela .pm .pm-crono-esq{margin-bottom:12px}
  .tela .pm .pm-crono{padding:4px 12px}
  .tela .pm .pm-barras{gap:20px}
  .tela .pm .pm-tres>div{padding:4px 8px}
  .tela .pm .pm-tres b{font-size:var(--t-2)}
  .tela .pm .pm-barras{margin-top:8px}
  .tela .pm .pm-and+.pm-nota-p{display:none}
}