/* CAPUA Panel Layout (scoped) */
#capua-app.capua-page { --space-xs:4px; --space-s:8px; --space-md:16px; --space-lg:24px; --space-xl:32px; --space-2xl:48px; max-width:1240px; margin-inline:auto; padding-inline:clamp(16px,3vw,24px); box-sizing:border-box; }
#capua-app.capua-page * { box-sizing:border-box; }
#capua-app.capua-page header.capua-local-header { min-height:1px; }
#capua-app.capua-page .capua-toolbar { position:sticky; top:var(--capua-sticky-top,0); z-index:20; background:#fff; padding:var(--space-s) 0; border-bottom:1px solid #e2e5ea; }
#capua-app.capua-page .capua-toolbar:empty { padding:0; border-bottom:none; }
#capua-app.capua-page .capua-content { padding-block:4px var(--space-md); }
#capua-app.capua-page footer.capua-local-footer { padding:var(--space-md) 0; border-top:1px solid #e2e5ea; font-size:0.875rem; color:#444; }
#capua-app.capua-page .capua-content > *:first-child { margin-top:0 !important; }
#capua-app.capua-page .capua-content > *:last-child { margin-bottom:0 !important; }
#capua-app.capua-page .capua-content > * + * { margin-top:var(--space-md); }
/* Cards grid normalization */
#capua-app.capua-page .capua-dash-actions { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:var(--space-md); }
#capua-app.capua-page .capua-dash-card { display:flex; flex-direction:column; justify-content:flex-start; min-height:160px; padding:var(--space-md); background:#fff; border:1px solid #d7dae0; border-radius:8px; text-decoration:none; color:#1a1e24; box-shadow:0 1px 2px rgba(0,0,0,.06); transition:box-shadow .2s,border-color .2s; }
#capua-app.capua-page .capua-dash-card:hover { box-shadow:0 2px 6px rgba(0,0,0,.12); border-color:#c2c7d1; }
#capua-app.capua-page .capua-dash-card-title { font-weight:600; margin-bottom:var(--space-xs); }
#capua-app.capua-page .capua-dash-card-desc { font-size:.875rem; line-height:1.4; margin:0; }
/* Primary variant (override generic card look inside wrapper) */
#capua-app.capua-page .capua-dash-card.capua-dash-primary { background:#0f4c81; color:#fff; border-color:#0d446f; box-shadow:0 3px 12px rgba(15,76,129,.22); }
#capua-app.capua-page .capua-dash-card.capua-dash-primary .capua-dash-card-title { color:#fff; }
#capua-app.capua-page .capua-dash-card.capua-dash-primary .capua-dash-card-desc { color:#fff; opacity:.95; }
#capua-app.capua-page .capua-dash-card.capua-dash-primary:hover { border-color:#09314f; box-shadow:0 4px 16px rgba(15,76,129,.28); }
/* Sticky compensation tokens */
body.admin-bar #capua-app.capua-page .capua-toolbar { top:calc(var(--capua-sticky-top,0) + 32px); }
/* Tables baseline (if present) */
#capua-app.capua-page table { width:100%; border-collapse:separate; border-spacing:0; font-size:.875rem; }
#capua-app.capua-page table th { position:sticky; top:calc(var(--capua-sticky-top,0) + 0px); background:#f8f9fa; font-weight:600; text-align:left; padding:10px 12px; border-bottom:1px solid #dfe3e8; }
#capua-app.capua-page table td { padding:10px 12px; border-bottom:1px solid #eef1f4; }
#capua-app.capua-page table tbody tr:hover { background:#f5f7fa; }
/* Scoped headings rhythm */
#capua-app.capua-page h1,#capua-app.capua-page h2,#capua-app.capua-page h3,#capua-app.capua-page h4 { margin:0; }
#capua-app.capua-page h1 + * { margin-top:var(--space-md); }
#capua-app.capua-page h2 { margin-top:var(--space-lg); }
#capua-app.capua-page h2 + * { margin-top:var(--space-s); }
#capua-app.capua-page h3 { margin-top:var(--space-md); }
#capua-app.capua-page h3 + * { margin-top:var(--space-xs); }
/* Modal adjustments inside wrapper */
#capua-app.capua-page .capua-faq-overlay { position:fixed; inset:0; z-index:200; }
/* Prevent leakage: all rules are scoped under #capua-app.capua-page */

/* Unified button theme (shared across plugin UIs) */
.capua-btn { display:inline-flex; align-items:center; gap:6px; border:1px solid #cbd5e1; border-radius:6px; background:#fff; color:#1a1e24; padding:.4rem .7rem; cursor:pointer; line-height:1.2; font-size:.9rem; }
.capua-btn:hover { background:#f8fafc; }
.capua-btn-primary { background:#1d4ed8; color:#fff; border-color:#1d4ed8; }
.capua-btn-primary:hover { background:#1840b3; border-color:#1840b3; }
.capua-btn-secondary { background:#fff; color:#1a1e24; }
.capua-btn-small { padding:.25rem .5rem; font-size:.85rem; }
