/* Shared control defaults. Clear edges and a restrained, cool illumination. */
:root{--button-light:#9cd2e7;--button-edge:#96bacb;--button-glow:0 3px 13px #467f9814;--button-focus:#2c7399}
button{position:relative;border-color:#bfd0d9;border-radius:9px;box-shadow:inset 0 1px 0 #ffffffb8,var(--button-glow);transition:box-shadow .18s,border-color .18s,background .18s,transform .18s}
button:hover:not(:disabled){border-color:#779db2;box-shadow:inset 0 1px 0 #ffffff70,0 2px 14px #559abb24}
button:focus-visible,.button:focus-visible{outline:2px solid var(--button-focus)!important;outline-offset:4px;box-shadow:0 0 0 5px #89b9d32b}
button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #1636491c}
button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.primary,.checkout-pay,.button-main,.category-tabs button.active,.campaign-tabs button.active,.purchase-switch button.active{color:#fff;background:linear-gradient(145deg,#213e4f,#30586b)!important;border:1px solid #7fabc0!important;box-shadow:inset 0 1px 0 #d6f2ff60,0 3px 16px #408cb326!important;text-shadow:none}
.primary:hover,.checkout-pay:hover,.button-main:hover,.category-tabs button.active:hover,.campaign-tabs button.active:hover{background:linear-gradient(145deg,#294e63,#38677d)!important;box-shadow:inset 0 1px 0 #def7ff70,0 4px 18px #559fc73a!important}
.ghost,.social,.light-btn,.category-tabs button,.campaign-tabs button,.template-body button,.campaign-script-button,.studio-export,.quick button{background:#fbfdfe;border:1px solid #c5d4dd;border-radius:9px;color:#314e60;box-shadow:inset 0 1px 0 #fff,0 2px 10px #5485a010}
.ideas-grid .template-body button{padding:10px 14px;min-height:44px}.campaign-script-button{padding:10px 14px;min-height:44px}.studio-export{padding:10px 14px;text-decoration:none}.sidebar .nav-item{box-shadow:none;border:1px solid transparent;background:transparent}.sidebar .nav-item.active{background:#eaf0f4;color:#244d66;border-color:#c9d9e2;box-shadow:inset 0 -2px 0 #779eb4}.profile{border:1px solid #d9e2e8;border-radius:9px}.credit-card button{padding:8px 10px;min-height:44px;background:#f5fafc;border:1px solid #bdd3df;border-radius:7px;color:#355d74;text-decoration:none}
.hero-prompt button{background:#b2d9e8;border:1px solid #d4effa;color:#193a4c;box-shadow:inset 0 1px 0 #fff9,0 0 20px #8ccae331}.spreadsheet-cta .light-btn{background:#f5fbfe;border:1px solid #c8e5f2;color:#244b62;box-shadow:inset 0 1px 0 #fff,0 0 17px #a6d7ed25}.discovery-dialog .dialog-close{border:1px solid #bbd0dc;background:#f3f8fa;color:#34586d;box-shadow:0 0 10px #81afc51b}
.top-actions .mobile-preview-btn{display:inline-flex!important;align-items:center;gap:6px}
@media(max-width:760px){.top-actions{flex-wrap:wrap}.top-actions .mobile-preview-btn{flex:0 0 auto}.top-actions .ghost,.top-actions .primary{min-height:44px}.sidebar .nav-item{margin:0 2px}.studio-export{font-size:14px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none!important}button:active:not(:disabled){transform:none}}