/* Plans combines Todos and Calendar without changing their existing data flows. */
.nav{grid-template-columns:repeat(5,1fr)}
.meusSegmentedTabs{display:grid;grid-template-columns:repeat(var(--segment-count,2),1fr);gap:4px;padding:4px;margin:14px 0 17px;border:1px solid var(--line);border-radius:16px;background:#eee3da}
.meusSegmentedTabs button{min-height:0;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:9px;font-size:12px;font-weight:800;transition:background .18s,color .18s,box-shadow .18s}
.meusSegmentedTabs button.on{background:var(--card);color:var(--rose);box-shadow:0 4px 12px #5a433015}
.plansTabs:not(.meusSegmentedTabs){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;margin:14px 0 17px;border:1px solid var(--line);border-radius:16px;background:#eee3da}
.plansTabs:not(.meusSegmentedTabs) button{min-height:0;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:9px;font-size:12px;font-weight:800}
.plansTabs:not(.meusSegmentedTabs) button.on{background:var(--card);color:var(--rose);box-shadow:0 4px 12px #5a433015}
.plansPanel{display:none}
.plansPanel.on{display:block}
.plansPanel>.add{margin-bottom:15px}