/* Shared component shapes for the workspace and public pages.
   Keep controls, surfaces and dialogs on the same scale in both themes. */
:root{
  --radius-small:6px;
  --radius-control:8px;
  --radius-card:12px;
  --radius-dialog:16px;
  --r:var(--radius-card);
  --r-sm:var(--radius-control);
}

/* Explicit selectors also cover components with older, fixed radii. */
.btn,.hero-cta .btn,.plan-nudge-actions .btn.primary,
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,
.theme-btn,.nav-burger,.mm-item,.sa-item,.nav-item,.popular-tools a,
.tool-file-row,.tool-list .tool-row,.demo-research-controls input,
.demo-research-controls button:not(.btn){border-radius:var(--radius-control)}

.panel,.idea-card,.billing-plan-card,.billing-pricing,.stats-row,
.shot,.ui-panel,.coverage-grid,.plans,.callout,.testimonial-card,.p-card,
.feat,.free-tool-card,.tool-canvas,.mm-feature-art,.mcp-prompt,
.c-ai-overview,.c-inline-image,.c-code,.c-key,.c-cta{
  border-radius:var(--radius-card);
}

.auth-card,.welcome-card,.onboarding-card,.tour-card,.feedback-card,
.ss-gate-card{border-radius:var(--radius-dialog)}

.search-results,.sidebar-account-menu,.tip-float{
  border-radius:var(--radius-card);
}

/* Round the painted headers too, without clipping tooltips or menus. */
.panel>.panel-head:first-child{
  border-start-start-radius:inherit;
  border-start-end-radius:inherit;
}
.panel>.panel-body:last-child{
  border-end-start-radius:inherit;
  border-end-end-radius:inherit;
}

/* Joined controls retain straight shared seams and rounded outside edges. */
.seg,.billing-cadence,.pricing-cadence{border-radius:var(--radius-control)}
.seg .seg-btn{border-radius:0}
.seg .seg-btn:first-child,
.billing-cadence button:first-child,.pricing-cadence button:first-child{
  border-radius:var(--radius-control) 0 0 var(--radius-control);
}
.seg .seg-btn:last-child,
.billing-cadence button:last-child,.pricing-cadence button:last-child{
  border-radius:0 var(--radius-control) var(--radius-control) 0;
}