.uxp-plano .plano-project-head { display:flex; gap:var(--sp-4); justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:var(--sp-5); }
.plano-project-head h1 { font-size:var(--text-h2); line-height:var(--leading-tight); margin:0 0 var(--gap-2); }
.plano-project-meta { margin:0; }
.plano-tabs { display:flex; flex-wrap:wrap; gap:var(--gap-2); border-bottom:1px solid var(--line); padding-bottom:var(--sp-3); margin-bottom:var(--sp-6); }
.uxp-plano .plano-tabs .btn { background:transparent; border-color:transparent; color:var(--text-2); }
.uxp-plano .plano-tabs .btn[aria-selected=true] { background:var(--raised); border-color:var(--line); color:var(--text); }
.plano-area { gap:var(--sp-4); }
.plano-area[hidden], .uxp-plano [hidden] { display:none !important; }
.plano-area > h2, .plano-overview > h2 { font-size:var(--text-h3); margin:0 0 var(--sp-3); }
.plano-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-3); }
.plano-metric { background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:var(--gap-4); }
.plano-metric h3 { color:var(--text-2); font-size:var(--text-base); margin:0 0 var(--gap-2); }
.plano-metric p { font-size:var(--text-h4); margin:0; overflow-wrap:anywhere; }
.plano-next { padding:var(--gap-4); border:1px solid var(--line); border-radius:var(--r); background:var(--surface); }
.plano-next h3 { margin:0; font-size:var(--text-base); }
.plano-stages { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-3); margin:0; }
.plano-stages li { border:1px solid var(--line); padding:var(--gap-4); border-radius:var(--r); background:var(--surface); }
.plano-stages li.current { border-color:var(--selection); }
.plano-stages li > strong { display:block; margin-bottom:var(--gap-2); }
.plano-stages details > summary { margin-top:var(--gap-3); color:var(--text-2); cursor:pointer; }
.sequencia-planejamento > h2 { font-size:var(--text-h3); margin-block:var(--sp-6) var(--sp-4); }
.uxp-plano .plano-area > .card { margin-bottom:var(--sp-3); }
@media (max-width:700px) { .plano-metrics,.plano-stages { grid-template-columns:repeat(2,minmax(0,1fr)); } .plano-tabs { gap:var(--gap-1); } }
@media (max-width:430px) { .plano-metrics,.plano-stages { grid-template-columns:1fr; } .plano-project-head h1 { overflow-wrap:anywhere; } }