body.student-cockpit{--cockpit-accent:#ffda30;--cockpit-light:#fff1a9;background:#faf7ef!important;color:#102d39}.student-cockpit[data-cockpit-color=lavande]{--cockpit-accent:#d7c7fa;--cockpit-light:#eee7fc}.student-cockpit[data-cockpit-color=menthe]{--cockpit-accent:#afe2cc;--cockpit-light:#e0f4e9}.student-cockpit .student-head{background:#faf7eff5;height:112px;border:0;max-width:1440px;margin:auto;padding:12px 32px;backdrop-filter:blur(12px)}.student-cockpit .student-brand img{width:86px;height:86px;object-fit:contain}.student-cockpit .student-brand>span{display:none}.student-cockpit .student-user{gap:12px}.student-cockpit .student-user button{width:52px;height:52px;border-radius:50%;background:white;border:1px solid #e8e2d7;box-shadow:0 5px 12px #17383b10;font-size:27px;cursor:pointer}.student-cockpit .dashboard{max-width:1440px;grid-template-columns:220px minmax(0,1fr);gap:24px}.student-cockpit .side-nav{background:#123e48;border-radius:24px;margin:24px 0 100px 24px;padding:24px 12px;align-self:start}.student-cockpit .side-nav a{font-size:14px;line-height:1.4}.student-cockpit .student-main{padding:10px 32px 110px 0}.student-cockpit .cockpit-hero{position:relative;min-height:360px;align-items:flex-start;border-radius:24px;background:#faf7ef url('assets/student-cockpit-208.png') center 57%/cover no-repeat;padding:40px 28px;margin:0 0 18px!important;overflow:hidden}.student-cockpit .cockpit-hero>div{position:relative;z-index:1;max-width:58%}.student-cockpit .cockpit-hero h1{font-size:clamp(32px,4vw,50px);line-height:1.15;color:#102d39;overflow-wrap:anywhere}.student-cockpit .cockpit-hero p{font-size:21px;color:#102d39}.student-cockpit .cockpit-hero .kicker{font-size:10px;color:#30515b}.student-cockpit #vue-accueil .quick-actions{display:grid;grid-template-columns:1fr;gap:16px;margin:0}.student-cockpit #vue-accueil .quick-action{min-height:125px;border-radius:24px;padding:22px 26px;display:grid;grid-template-columns:78px minmax(0,1fr) 40px;gap:20px;align-items:center;border:1px solid #e9e0cf;box-shadow:0 5px 0 #d8c8ac24,0 8px 20px #21363509;transition:transform .18s,box-shadow .18s;text-decoration:none}.student-cockpit #vue-accueil .quick-action:hover{transform:translateY(-3px);box-shadow:0 12px 25px #15343d16}.student-cockpit #vue-accueil .quick-action.yellow{background:linear-gradient(120deg,var(--cockpit-light),var(--cockpit-accent));color:#102d39}.student-cockpit #vue-accueil .quick-action.blue{background:linear-gradient(120deg,#155563,#10343e);color:#fff;border-color:#246474}.student-cockpit #vue-accueil .quick-action.dark{background:linear-gradient(130deg,#fff,#fbf5e9);color:#102d39}.student-cockpit #vue-accueil .quick-action h2{font-size:23px;margin:0 0 5px;color:inherit;letter-spacing:-.025em}.student-cockpit #vue-accueil .quick-action p{font-size:16px;margin:0;color:inherit;opacity:.92}.student-cockpit .cockpit-object{font-size:54px;display:block;filter:drop-shadow(3px 7px 3px #102d3926);transform:rotate(-9deg);line-height:1.2}.student-cockpit .quick-action>b{background:#ffffff48;border:1px solid #ffffff60;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:24px}.cockpit-next{background:#fffdf8;border:1px solid #ebe3d5;border-radius:24px;padding:24px;margin-top:20px;box-shadow:0 5px 14px #19384008}.cockpit-label{display:inline-block;padding:6px 12px;border-radius:10px;background:#ece4fb;color:#3b365b;font-size:11px;letter-spacing:.16em;font-weight:700}.cockpit-next h2{font:800 24px/1.3 Manrope,sans-serif;margin:14px 0 8px;overflow-wrap:anywhere}.cockpit-next p{margin:0 0 12px;color:#48616c}.cockpit-next a,.cockpit-help a{color:#164f5c;font-weight:700}.cockpit-help{padding:22px 8px;font-size:14px}.cockpit-bottom{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;width:min(460px,calc(100% - 24px));z-index:25;background:#fffdf8f5;border:1px solid #e6dfd0;border-radius:24px;box-shadow:0 8px 28px #143c4924;backdrop-filter:blur(12px);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.cockpit-bottom a{min-width:85px;display:grid;justify-items:center;gap:2px;font-size:12px;color:#617077;border-bottom:3px solid transparent;padding:2px 8px}.cockpit-bottom a span{font-size:24px;line-height:28px}.cockpit-bottom a[aria-current]{border-bottom-color:var(--cockpit-accent);color:#123e48;font-weight:800}.cockpit-settings{border:1px solid #e6dfd0;border-radius:24px;padding:28px;max-width:440px;width:calc(100% - 32px);color:#15343e;background:#fffdf8;box-shadow:0 24px 70px #102d3933}.cockpit-settings::backdrop{background:#12343d80;backdrop-filter:blur(4px)}.cockpit-close{float:right;background:none;border:0;font-size:22px;cursor:pointer;min-width:44px;min-height:44px}.cockpit-settings h2{font-size:24px}.cockpit-settings fieldset{border:1px solid #dcd8cf;border-radius:16px;padding:15px;margin:16px 0}.cockpit-settings button[data-color],.cockpit-settings button[data-avatar]{background:white;border:2px solid #d8dfdf;border-radius:12px;min-height:48px;min-width:48px;padding:8px;margin:4px;cursor:pointer}.cockpit-settings button[aria-pressed=true]{border-color:#123e48;background:var(--cockpit-light)}.cockpit-settings button[data-avatar]{font-size:25px}.student-logout{margin:20px 0;padding:12px 20px;border:0;border-radius:16px;background:#163e49;color:white;cursor:pointer}.student-cockpit :focus-visible{outline:3px solid #2679ac;outline-offset:4px}
@media(min-width:1200px){.student-cockpit #vue-accueil{max-width:960px;margin:auto}.student-cockpit #vue-accueil .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.student-cockpit #vue-accueil .quick-action{grid-template-columns:1fr;gap:10px;padding:22px}.student-cockpit #vue-accueil .quick-action>b{display:none}.student-cockpit .cockpit-hero{min-height:380px}.student-cockpit .cockpit-next{max-width:100%}}
@media(max-width:900px){.student-cockpit .student-head{height:96px;padding:8px 20px}.student-cockpit .student-brand img{width:76px;height:76px}.student-cockpit .dashboard{display:block}.student-cockpit .side-nav{background:transparent;margin:0;padding:4px 16px;display:flex;flex-wrap:nowrap;overflow-x:auto;border-radius:0;gap:6px}.student-cockpit .side-nav a{flex:0 0 auto;background:#eeeade;color:#365762;font-size:12px;padding:9px 12px;min-height:40px}.student-cockpit .side-nav a.active{background:#153f49;color:#fff}.student-cockpit .student-main{padding:10px 16px 110px}.student-cockpit .cockpit-hero{min-height:290px;background-position:center bottom;padding:16px 8px;border-radius:0}.student-cockpit .cockpit-hero>div{max-width:100%}.student-cockpit .cockpit-hero h1{font-size:32px;margin-top:6px}.student-cockpit .cockpit-hero p{font-size:18px}.student-cockpit .cockpit-hero .kicker{display:none}.student-cockpit #vue-accueil .quick-action{grid-template-columns:55px minmax(0,1fr) 30px;gap:12px;padding:20px 14px;min-height:112px;border-radius:21px}.student-cockpit #vue-accueil .quick-action h2{font-size:19px}.student-cockpit #vue-accueil .quick-action p{font-size:14px}.student-cockpit .cockpit-object{font-size:43px}.student-cockpit .quick-action>b{width:30px;height:30px;font-size:21px}.cockpit-next{padding:20px}.cockpit-next h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.student-cockpit #vue-accueil .quick-action{transition:none}.student-cockpit #vue-accueil .quick-action:hover{transform:none}}