/* Droocy V20.9.61 — compact role pages + unified visual identity */
:root{--droocy-blue:#172b5c;--droocy-purple:#6d3df0;--droocy-page:#f7f9fd}
html,body{max-width:100%;overflow-x:hidden}body{background:var(--droocy-page)!important}
/* Remove dead vertical space from role pages without touching editor/content spacing */
main,.page,.shell,.wrap,.container{scroll-margin-top:92px}
.page,.shell{margin-top:14px!important;padding-top:14px!important;padding-bottom:28px!important}
section:empty,.spacer:empty,.empty-space:empty{display:none!important}
/* Any text sitting directly on Droocy blue/purple surfaces must remain readable */
.hero,.hero *,[class*="hero"] h1,[class*="hero"] h2,[class*="hero"] h3,.droocy-blue,.droocy-blue *,.bg-primary,.bg-primary *,.bg-blue,.bg-blue *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.hero p,[class*="hero"] p{color:#f0edff!important;-webkit-text-fill-color:#f0edff!important}
/* Buttons on blue/purple backgrounds */
.hero a:not(.cartlink),.hero button{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Shared course-card visual identity: clearly separated from page */
.course-card,.droocy-course-card,.course-grid>.card,.courses-grid>.card{
 border:2px solid rgba(109,61,240,.42)!important;border-radius:22px!important;background:#fff!important;
 box-shadow:0 0 0 1px rgba(109,61,240,.08),0 0 20px rgba(109,61,240,.16),0 14px 32px rgba(16,24,40,.08)!important;
 overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important
}
.course-card:hover,.droocy-course-card:hover,.course-grid>.card:hover,.courses-grid>.card:hover{
 transform:translateY(-5px)!important;border-color:#7447f2!important;
 box-shadow:0 0 0 2px rgba(116,71,242,.12),0 0 28px rgba(116,71,242,.28),0 22px 42px rgba(16,24,40,.12)!important
}
/* Compact forms/cards on dashboards */
.dashboard-grid,.admin-grid,.teacher-grid,.student-grid{gap:14px!important}
.panel,.box,.widget,.dashboard-card{margin-bottom:14px!important}
@media(max-width:700px){.page,.shell{margin-top:8px!important;padding:10px!important;padding-bottom:22px!important}.course-card,.droocy-course-card,.course-grid>.card,.courses-grid>.card{border-radius:18px!important}}