/* Shared depth and interaction finish. Keep each area's palette and layout. */
:root{
  --cs-shadow-card:0 3px 7px #07203909,0 14px 32px -14px #07203938,inset 0 1px 0 #ffffffb3;
  --cs-shadow-lift:0 7px 14px #0720390d,0 24px 42px -17px #07375b57,inset 0 1px 0 #fff;
  --cs-shadow-dark:0 8px 16px #020d1b26,0 28px 56px -20px #020d1b70,inset 0 1px 0 #9adfff24;
  --cs-shadow-button:0 3px 5px #020d1b15,0 10px 20px -8px #073c7866,inset 0 1px 0 #ffffff42,inset 0 -2px 0 #00132f30;
}
html body :is(.student-shell .course-card,.student-shell .academy-progress,.student-shell .academy-next,.student-shell .rail-card,.student-shell .lesson-side-card,.student-shell .portal-module,.seo-catalog-grid article,.system-card,.investment-card,.course-scanner-partner,.product-visual,.scanner-page .scanner-partner,.pc-workbench .pc-card,.pc-workbench .pc-result,.pc-workbench .pc-report-main,.pc-workbench .pc-report-system,.pc-workbench .pc-report-help,.rede-site .workshop-card,.rede-site .panel,.rede-site .form-panel,.rede-site .content-panel,.rede-site .owner-card,.rede-site .stat,.product-card,.technical-sheet,.detail-image,.cart-summary,.category-tiles>a){
  box-shadow:var(--cs-shadow-card);
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;
}
html body .cone-hub.hub-clean :is(.hub-shortcuts>a,.hub-entry-choices>section,.hub-member-grid>section,.hub-clean-account){box-shadow:var(--cs-shadow-card);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
html body :is(.student-shell .store-hero,.student-shell .reference-hero,.student-shell .academy-bottom,.student-shell .module-series,.student-shell .module-episodes,.complete-course .final-offer,.scanner-page .hero-primary,.cs-network,.rede-site .network-page>.intro,.rede-site .equipment-offer,.home-slide,.academy-banner,.quote-callout){box-shadow:var(--cs-shadow-dark)}
html body .cone-hub.hub-clean .hub-shortcuts>a.hub-shortcut-primary{box-shadow:var(--cs-shadow-dark)}
html body :is(#free-dialog,.ef-form-dialog,[data-slot="dialog-content"]){box-shadow:0 18px 42px #010a184d,0 45px 100px -20px #010815a6,inset 0 1px 0 #ace7ff26}

/* Intentional action buttons only: navigation, quantity controls and icon tools stay compact. */
html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"]:not([data-variant="ghost"]):not([data-variant="link"]):not([data-size^="icon"])){
  transition:box-shadow .22s ease,transform .22s ease,filter .22s ease,background-color .22s ease,border-color .22s ease;
  box-shadow:var(--cs-shadow-button);
  -webkit-tap-highlight-color:transparent;
}
html body :is(.student-shell .btn-amber,.student-shell .card-action,.student-shell .store-free-action,.complete-course .cta,.scanner-page .hero-primary .button,.pc-primary,.hub-launch-button:not(.hub-launch-button-secondary),.rede-site .btn.gold,.rede-site .btn.navy,[data-slot="button"][data-variant="default"]){
  background:linear-gradient(115deg,#1768cb 0%,#0c80af 62%,#096a98 100%);
  color:#fff;border-color:#74d9f76b;text-shadow:0 1px 2px #01295270;
}
html body :is(.btn-ghost,.btn-ghost-dark,.hub-launch-button-secondary,.btn.outline-light,.pc-secondary,[data-slot="button"][data-variant="outline"],[data-slot="button"][data-variant="secondary"]){box-shadow:0 2px 4px #071c3008,0 7px 15px -9px #071c3040,inset 0 1px 0 #ffffff38}
/* Use a moving background glint without intercepting clicks or replacing icon pseudo-elements. */
html body :is(.student-shell .btn-amber,.student-shell .card-action,.student-shell .store-free-action,.complete-course .cta,.scanner-page .hero-primary .button,.pc-primary,.hub-launch-button:not(.hub-launch-button-secondary),.rede-site .btn.gold,.rede-site .btn.navy,[data-slot="button"][data-variant="default"]){
  background-image:linear-gradient(110deg,transparent 33%,#ffffff20 46%,#ffffff3d 50%,transparent 63%),linear-gradient(115deg,#1768cb,#0c80af 62%,#096a98);
  background-size:250% 100%,100% 100%;background-position:100% 0,0 0;
}
html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"]):focus-visible{outline:3px solid #42bde1;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  html body :is(.student-shell .course-card,.seo-catalog-grid article,.product-card,.category-tiles>a,.rede-site .workshop-card,.pc-workbench .pc-result):hover{box-shadow:var(--cs-shadow-lift)}
  html body .cone-hub.hub-clean :is(.hub-shortcuts>a,.hub-entry-choices>section):hover{box-shadow:var(--cs-shadow-lift);transform:translateY(-2px)}
  html body .cone-hub.hub-clean .hub-shortcuts>a.hub-shortcut-primary:hover{box-shadow:0 12px 24px #031b3540,0 26px 44px -17px #0c76b365,inset 0 1px 0 #b5edff40}
  html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"]:not([data-variant="ghost"]):not([data-variant="link"]):not([data-size^="icon"])):not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);box-shadow:0 5px 10px #061d331c,0 16px 27px -10px #08618e70,inset 0 1px 0 #ffffff66;filter:brightness(1.06)}
  html body :is(.student-shell .btn-amber,.student-shell .card-action,.student-shell .store-free-action,.complete-course .cta,.scanner-page .hero-primary .button,.pc-primary,.hub-launch-button:not(.hub-launch-button-secondary),.rede-site .btn.gold,.rede-site .btn.navy,[data-slot="button"][data-variant="default"]):not(:disabled):not([aria-disabled="true"]):hover{animation:cs-action-glint .8s ease both}
}
@keyframes cs-action-glint{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}}
html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"]:not([data-variant="ghost"]):not([data-variant="link"]):not([data-size^="icon"])):not(:disabled):not([aria-disabled="true"]):active{transform:translateY(1px);box-shadow:0 2px 5px #051b3326,inset 0 2px 3px #001b3326}
html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"]):is(:disabled,[aria-disabled="true"]){animation:none;transform:none;filter:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){
  html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"],.course-card,.product-card,.workshop-card,.pc-result,.hub-shortcuts>a,.hub-entry-choices>section){animation:none!important;transition:none!important;transform:none!important}
}
@media(forced-colors:active){
  html body :is(.btn,.cta,.card-action,.store-free-action,.pc-primary,.pc-secondary,.scanner-page .button,.cs-network-action,.hub-action,.hub-launch-button,[data-slot="button"]){background:ButtonFace;color:ButtonText;box-shadow:none;text-shadow:none;border:1px solid ButtonText}
}

html body .hub-launch-home :is(.hub-tool-feature,.hub-launch-course,.hub-launch-entry>section,.hub-banners){box-shadow:var(--cs-shadow-dark)}
html body .hub-launch-home .hub-float-part{box-shadow:0 10px 24px #020d1b30,0 25px 48px -15px #020d1b8c,inset 0 1px 0 #ffffffb3}

/* The store has its own rooted styles; retain its colors while sharing depth. */
html body #freno-store :is(.product-card,.technical-sheet,.detail-image,.cart-summary,.category-tiles>a){box-shadow:var(--cs-shadow-card)}
html body #freno-store .btn{box-shadow:var(--cs-shadow-button);transition:box-shadow .22s ease,transform .22s ease,filter .22s ease}
@media(hover:hover) and (pointer:fine){html body #freno-store .product-card:hover{box-shadow:var(--cs-shadow-lift)}html body #freno-store .btn:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);box-shadow:0 5px 10px #061d331c,0 16px 27px -10px #073c7850,inset 0 1px 0 #ffffff66}}
html body #freno-store .btn:not(:disabled):not([aria-disabled="true"]):active{transform:translateY(1px);box-shadow:0 2px 5px #051b3326,inset 0 2px 3px #001b3326}
html body #freno-store .btn:is(:disabled,[aria-disabled="true"]){transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){html body #freno-store :is(.btn,.product-card){transition:none!important;transform:none!important}}
