/* BYSUR Studio 2026: additive child-theme layer, no native controls removed. */
:root{--b-ink:#181c38;--b-muted:#59627d;--b-accent:#4355f9;--b-line:#e2e6f1;--b-bg:#f5f6fb;--b-radius:22px}
body{color:var(--b-ink);background:var(--b-bg);font-family:"Work Sans",system-ui,sans-serif}
#page{background:var(--b-bg)}
.navbar.fixed-top{background:#fff!important;border-bottom:1px solid var(--b-line)!important;box-shadow:0 3px 24px #17264b06}
.navbar-brand img.logo{max-height:38px}
.navbar .primary-navigation .nav-link{border-radius:10px}
#page.drawers .main-inner{background:transparent;max-width:1280px;margin-top:24px;padding:28px}
#page-header h1{font-weight:750;letter-spacing:-.045em;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.15}
#page-header .breadcrumb{font-size:.82rem;line-height:1.6}
#region-main{background:transparent}
.bysur-space-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:8px;background:#fff;border:1px solid var(--b-line);border-radius:16px}
.bysur-space-nav a{display:inline-flex;gap:8px;align-items:center;padding:9px 15px;border-radius:10px;color:#4e5875;text-decoration:none;font-size:.9rem;font-weight:600}
.bysur-space-nav a:hover,.bysur-space-nav a[aria-current=page]{background:#eef0ff;color:#3446d3}
.bysur-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:30px;background:#181d44;color:#fff;padding:clamp(25px,4vw,52px);border-radius:28px;margin:0 0 26px;isolation:isolate}
.bysur-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 20%,#7273ed55,transparent 60%)}
.bysur-eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c5caff;margin:0 0 15px}
.bysur-hero h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.08;letter-spacing:-.045em;font-weight:700;color:#fff;max-width:18ch;margin:0 0 18px}
.bysur-hero p:not(.bysur-eyebrow){font-size:1rem;line-height:1.65;color:#d1d5ed;max-width:48ch}
.bysur-hero .btn{background:#d9f582;border-color:#d9f582;color:#1d2a18;font-weight:700;padding:12px 21px;border-radius:12px;box-shadow:none}
.bysur-hero .btn:hover{background:#e8ffab}
.bysur-hero-art{align-self:center;width:100%;max-height:230px}
.bysur-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 30px}
.bysur-quick{display:flex;gap:16px;align-items:center;background:white;padding:22px;border:1px solid var(--b-line);border-radius:18px;text-decoration:none;color:var(--b-ink);box-shadow:0 4px 18px #17264b03}
.bysur-quick:hover{border-color:#98a3f9;text-decoration:none;color:var(--b-ink);transform:translateY(-2px)}
.bysur-quick-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:15px;font-size:24px;background:#edf0ff;color:#4355f9}
.bysur-quick:nth-child(2) .bysur-quick-icon{background:#fff1dc;color:#9d6414}
.bysur-quick:nth-child(3) .bysur-quick-icon{background:#e1f6ec;color:#176844}
.bysur-quick strong{display:block;font-size:1rem}.bysur-quick small{display:block;color:var(--b-muted);margin-top:3px;line-height:1.4}
body#page-my-index #page-header{margin-bottom:18px}
body#page-my-index #page-header h1{font-size:1rem;color:var(--b-muted);letter-spacing:0}
body#page-my-index #page-header .page-header-headings>h2{display:none}
.block.card{background:white;border:1px solid var(--b-line);border-radius:var(--b-radius);box-shadow:0 5px 24px #17264b04}
.block .card-body{padding:24px}.block .card-title{font-size:1.18rem;font-weight:700}
.block_myoverview .dashboard-card{border:1px solid var(--b-line);border-radius:18px;overflow:hidden;box-shadow:0 5px 16px #17264b06}
.block_myoverview .dashboard-card .dashboard-card-img{height:175px;background-color:#e9edff}
.block_myoverview .coursename{font-weight:700;line-height:1.35}
.progress{border-radius:20px;background:#e8ecf5;height:7px}.progress-bar{background:#4355f9}
.btn-primary{background:#4355f9;border-color:#4355f9;box-shadow:0 4px 12px #4355f91a}
.btn-primary:hover,.btn-primary:focus{background:#3041d7;border-color:#3041d7}
.btn{border-radius:11px;font-weight:600;min-height:40px}
.form-control,.custom-select,.form-select{border-radius:11px;border-color:#cdd4e5;min-height:42px}
a{color:#3e50d9}a:focus-visible,button:focus-visible{outline:3px solid #c08916;outline-offset:3px}
.secondary-navigation .navigation{background:white;border:1px solid var(--b-line);border-radius:14px;padding:0 12px}
.secondary-navigation .nav-link.active{color:#3446d3;border-bottom-color:#4355f9}
.course-section{border:1px solid var(--b-line)!important;border-radius:22px!important;background:white;margin-bottom:20px;padding:22px!important}
.course-section .sectionname{font-size:1.3rem;font-weight:700}
.activity-item{border:1px solid #e8ebf4!important;border-radius:15px!important;background:#fff;padding:18px!important}
.activity-item:hover{border-color:#b3bdfb!important;box-shadow:0 4px 12px #29365b05}
.activityiconcontainer{border-radius:12px!important}
.activityname{font-weight:650}
.activity-information{padding:14px 18px;border:1px solid var(--b-line);border-radius:14px;background:#f8f9fd;margin:16px 0}
.activity-information .completion-info{font-size:.9rem}
.path-mod-quiz .que{margin-bottom:24px;border:1px solid var(--b-line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 22px #17264b04}
.path-mod-quiz .que .info{float:none;width:auto;border:0;border-bottom:1px solid #e6eaf5;background:#f4f6ff;padding:14px 22px;display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0}
.path-mod-quiz .que .info h3{margin:0;font-size:1rem;font-weight:700}
.path-mod-quiz .que .info .state,.path-mod-quiz .que .info .grade{font-size:.84rem}
.path-mod-quiz .que .content{margin:0}.path-mod-quiz .que .formulation{margin:0;background:#fff!important;color:var(--b-ink);padding:24px;border:0;border-radius:0}
.path-mod-quiz .que .qtext{font-size:1.15rem;font-weight:650;line-height:1.6}
.path-mod-quiz .que .answer>div{padding:13px 15px!important;margin:10px 0;border:1px solid #e2e7f1;border-radius:12px;background:#fafbff}
.path-mod-quiz .que .answer input{accent-color:#4355f9}
.path-mod-quiz .que .outcome{background:#eef8f1;color:#245b3e;border:0;border-top:1px solid #cde8d5;margin:0;padding:20px 24px;border-radius:0;font-size:.95rem}
.path-mod-quiz .que .incorrect~.outcome{background:#fff6e9}
.path-mod-quiz .quizreviewsummary{background:#fff;border:1px solid var(--b-line);border-radius:14px;overflow:hidden}
.generaltable{background:#fff;border-radius:14px;overflow:hidden}
.generaltable th{background:#eff2fb!important;color:#35405f}
.generaltable td,.generaltable th{padding:14px;border-color:#e7eaf3}
.path-grade-report .generaltable{display:block;max-width:100%;overflow:auto}
.userprofile .profile_tree section{border-radius:18px;border:1px solid var(--b-line);padding:22px;background:#fff;margin-bottom:18px}
.bysur-ai-hero{background:#eef1ff!important;border-color:#dce2ff!important}
.bysur-ai-card,.bysur-editorial-card>.card{border-radius:20px!important;border-color:#e1e6f3!important;box-shadow:0 6px 20px #22345a08!important}
.bysur-ai-card h3{color:var(--b-ink)}.bysur-ai-card img{background:#eef2fc!important}
.bysur-capsule video{box-shadow:0 12px 30px #1924421a;border-radius:20px!important}
#page-footer{background:transparent;border-top:1px solid var(--b-line);color:var(--b-muted);margin-top:32px}
.drawer{background:#fff;border-color:var(--b-line)}.courseindex .courseindex-item{border-radius:10px;margin:3px 8px}
@media(max-width:767px){#page.drawers .main-inner{padding:16px;margin-top:12px}.bysur-hero{grid-template-columns:1fr;padding:28px;border-radius:22px}.bysur-hero-art{max-height:145px;max-width:260px;justify-self:center}.bysur-quick-grid{grid-template-columns:1fr;gap:10px}.bysur-quick{padding:15px}.bysur-space-nav{gap:4px}.bysur-space-nav a{font-size:.8rem;padding:8px 10px}.course-section{padding:14px!important}.path-mod-quiz .que .formulation{padding:18px}.path-mod-quiz .que .info{padding:12px 16px}.block .card-body{padding:18px}.bysur-hero h2{max-width:none;font-size:2.1rem}}
@media(prefers-reduced-motion:no-preference){.bysur-quick,.activity-item,.dashboard-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}}
@media print{.bysur-space-nav,.bysur-hero,.bysur-quick-grid{display:none!important}}

body.limitedwidth #page.drawers .main-inner{max-width:1280px!important;width:calc(100% - 48px)}
@media(max-width:767px){body.limitedwidth #page.drawers .main-inner{width:100%;padding:16px}}

/* BYSUR shared accents across learner and tutor. */
.navbar .navbar-brand{display:flex!important;align-items:center;gap:10px}
.navbar .navbar-brand:after{content:"BYSUR";font-size:1.08rem;font-weight:800;letter-spacing:.02em;color:#262544}
.navbar .navbar-brand img{max-height:38px!important;width:auto!important}
.bysur-tutor{--bt-blue:#5147e5;--bt-ink:#24233f;--bt-line:#e6e6ef;--bt-soft:#f7f7fc}
.bysur-tutor .bysur-tutor__hero{background:linear-gradient(120deg,#191a3d,#36366b);box-shadow:none}
.bysur-tutor__hero:after{content:"";display:block;width:64px;height:5px;background:#d9f58c;border-radius:8px;margin-top:20px}
.bysur-tutor .bysur-tutor__intent:has(input:checked){background:#efedff;border-color:#5147e5}
@media(max-width:520px){.navbar .navbar-brand:after{font-size:.9rem}.bysur-tutor .bysur-tutor__aside{order:2}}

/* Compact activity metadata and reward cards, private QA 2026-10-19. */
.path-mod-h5pactivity .activity-information{padding:12px 18px;margin:12px 0 20px}
.path-mod-h5pactivity .activity-information ul{margin-bottom:0}
.path-mod-h5pactivity .activity-information .completion-info{padding:0!important}
#page-badges-mybadges ul.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;padding:0;margin:24px 0}
#page-badges-mybadges ul.badges>li{display:flex;flex-direction:column;align-items:center;float:none;width:auto;min-width:0;margin:0;padding:24px 18px;border:1px solid #e4e5f0;border-radius:20px;background:#fff;box-shadow:0 8px 22px #24233f06}
#page-badges-mybadges ul.badges>li img{max-width:90px;height:auto}
#page-badges-mybadges ul.badges>li .badge-name{font-weight:650;color:#24233f}
#page-badges-mybadges h2{font-size:1.45rem;font-weight:700}
@media(max-width:520px){#page-badges-mybadges ul.badges{grid-template-columns:1fr}}

/* Attestation library: existing documents, presentation only. */
#page-local-platformbridge-attestations .card{border:1px solid #e4e5f0;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #24233f08!important}
#page-local-platformbridge-attestations .card:before{content:"BYSUR · DOCUMENT DE FORMATION";display:block;padding:26px 20px;color:#d8f48f;background:linear-gradient(120deg,#191a3d,#36366b);font-size:.75rem;font-weight:750;letter-spacing:.08em}
#page-local-platformbridge-attestations .card-body{padding:24px}
#page-local-platformbridge-attestations .card h2{font-size:1.15rem;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
#page-local-platformbridge-attestations .card .btn{white-space:normal}

/* UX-01b 2026-10-20: course secondary navigation, aligned on .bysur-space-nav.
 * Course-context pages only. Native links, active item, permissions and More menu unchanged. */
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .secondarynav-tabbar{border-radius:16px}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-tabs{gap:6px;border-bottom:0}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;color:#4e5875;font-weight:600;font-size:.95rem;line-height:1.3;text-decoration:none;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link:hover{background:#eef0ff;color:#3446d3;border-color:transparent}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link:is(.active,[aria-current=true],[aria-current=page]){background:#eef0ff;color:#2f3fc4;border-color:#c9cffd;font-weight:700;box-shadow:inset 0 -3px 0 #4355f9}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link:focus-visible{outline:3px solid #c08916;outline-offset:2px}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .dropdown-menu .dropdown-item{min-height:44px;display:flex;align-items:center;color:#26334f;font-weight:600}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .dropdown-menu .dropdown-item:is(.active,:active){background:#eef0ff;color:#2f3fc4}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) #page-header h1{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
@media (max-width:767px){body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link{padding:10px 12px}body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) #page-header h1{font-size:1.45rem}}
@media (prefers-reduced-motion:reduce){body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link{transition:none}}
@media (forced-colors:active){body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link{border-color:ButtonText}body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondary-navigation .nav-link:is(.active,[aria-current=true],[aria-current=page]){border-color:Highlight;text-decoration:underline}}
/* UX-01c 2026-10-21: Moodle 5 hydrated course navigation (React .mds-nav-pill). UX-01b only styled the pre-hydration fallback.
 * Course-context pages only; links, active state, permissions and More menu unchanged. */
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill{min-height:44px;padding:10px 16px;border-radius:10px;color:#4e5875;transition:background-color .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill .mds-nav-pill__label{font-size:.95rem;font-weight:600;line-height:1.3;color:inherit}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill:hover{background:#eef0ff;color:#3446d3}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill:is(.mds-nav-pill--selected,[aria-current=page],[aria-current=true]){background:#eef0ff;color:#2f3fc4;box-shadow:inset 0 0 0 1px #c9cffd,inset 0 -3px 0 #4355f9}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill:is(.mds-nav-pill--selected,[aria-current=page],[aria-current=true]) .mds-nav-pill__label{font-weight:700}
body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill:focus-visible{outline:3px solid #c08916;outline-offset:2px}
@media (max-width:767px){body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill{padding:10px 12px}}
@media (prefers-reduced-motion:reduce){body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill{transition:none}}
@media (forced-colors:active){body:is(.path-course,.path-user,.path-grade,.path-admin-tool-lp) .secondarynav-tabbar .mds-nav-pill:is(.mds-nav-pill--selected,[aria-current=page]){outline:2px solid Highlight;text-decoration:underline}}