
/* École des Riches V8.1 — style classique restauré avec barre latérale gauche */
:root{--hybrid-sidebar-width:254px}

/* Conserver les nouvelles pages V8, mais remettre la structure visuelle V5/V6. */
.pn-shell-desktop,.pn-mobile-header,.pn-drawer,.pn-drawer-backdrop{display:none!important}
.portal{display:grid!important;grid-template-columns:var(--hybrid-sidebar-width) minmax(0,1fr)!important;min-height:100vh!important;background:var(--pn-bg)!important}
.portal-main{min-width:0!important;background:var(--pn-bg)!important}
.portal-sidebar{display:flex!important;position:sticky!important;top:0!important;height:100vh!important;background:var(--pn-side)!important;color:#eef7f4!important;padding:23px 13px!important;z-index:35!important;box-shadow:8px 0 28px color-mix(in srgb,var(--pn-side) 18%,transparent)!important}
.portal-brand{color:#fff!important}.portal-brand small{color:color-mix(in srgb,#fff 68%,var(--pn-side))!important}
.school-pill{background:color-mix(in srgb,var(--pn-side) 80%,#fff)!important;border-color:color-mix(in srgb,var(--pn-side) 64%,#fff)!important;color:#fff!important}
.sidebar-label{color:color-mix(in srgb,#fff 58%,var(--pn-side))!important}
.portal-sidebar nav{display:grid!important;gap:4px!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,#fff 24%,transparent) transparent}
.portal-sidebar nav a{color:color-mix(in srgb,#fff 78%,var(--pn-side))!important;border-radius:10px!important;transition:.14s background,.14s color,.14s transform}
.portal-sidebar nav a:hover{background:color-mix(in srgb,var(--pn-accent) 72%,#fff)!important;color:#fff!important;transform:translateX(2px)}
.portal-sidebar nav a.active{background:var(--pn-accent)!important;color:#fff!important;box-shadow:0 5px 16px color-mix(in srgb,var(--pn-accent) 35%,transparent)!important}
.portal-sidebar nav a .nav-icon img,.school-pill img{filter:brightness(0) invert(1)!important;opacity:.94!important}
.sidebar-bottom-portal{border-color:color-mix(in srgb,#fff 18%,var(--pn-side))!important}.sidebar-bottom-portal small{color:color-mix(in srgb,#fff 64%,var(--pn-side))!important}
.portal-topbar{display:flex!important;position:sticky;top:0;z-index:30;background:var(--pn-card)!important;border-bottom:1px solid var(--pn-line)!important;border-top:0!important;padding:18px clamp(20px,3vw,42px)!important;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.portal-topbar h1{color:var(--pn-text)!important}.portal-topbar .eyebrow{color:var(--pn-accent)!important}.topbar-actions{color:var(--pn-muted)!important}
.view-content{max-width:none!important;margin:0!important;padding:24px clamp(18px,3vw,42px) 56px!important;background:var(--pn-bg)!important;color:var(--pn-text)!important}
.pn-page{max-width:1560px!important;margin:0 auto!important}.pn-page-head h1{font-size:22px!important}.pn-page-head p{font-size:12px!important}
.pn-card,.pn-panel,.pn-toolbar,.pn-settings-card,.pn-assessment-card,.pn-session-hero,.pn-table-wrap,.pn-profile-card,.pn-history-card{border-radius:max(10px,var(--pn-radius))!important;box-shadow:var(--pn-shadow)!important}

/* Ancien grand emploi du temps en grille. */
.hybrid-old-timetable .schedule-toolbar{margin:4px 0 10px}.hybrid-weekbar{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px}.hybrid-weekbar .pn-btn{min-width:150px}
.hybrid-schedule-scroll{border-color:var(--pn-line)!important;background:var(--pn-card)!important;box-shadow:var(--pn-shadow)}
.hybrid-old-timetable .schedule-week{grid-template-columns:58px repeat(5,minmax(165px,1fr))!important;min-width:880px!important}
.hybrid-old-timetable .schedule-corner,.hybrid-old-timetable .schedule-day-head{background:color-mix(in srgb,var(--pn-accent) 9%,var(--pn-card))!important;border-color:var(--pn-line)!important;color:var(--pn-text)!important}
.hybrid-old-timetable .schedule-day-head{display:flex!important;flex-direction:column!important;gap:2px!important}.hybrid-old-timetable .schedule-day-head small{color:var(--pn-muted);font-size:.68rem}
.hybrid-old-timetable .schedule-time-rail{background:color-mix(in srgb,var(--pn-bg) 74%,var(--pn-card))!important;border-color:var(--pn-line)!important}.hybrid-old-timetable .schedule-time-rail span{color:var(--pn-muted)!important}
.hybrid-old-timetable .schedule-day{border-color:var(--pn-line)!important;background:repeating-linear-gradient(to bottom,var(--pn-card) 0 63px,color-mix(in srgb,var(--pn-bg) 68%,var(--pn-card)) 63px 64px)!important}
.hybrid-old-timetable .schedule-quarter{border-color:color-mix(in srgb,var(--pn-line) 65%,transparent)!important}.hybrid-old-timetable .schedule-quarter.hour{border-color:var(--pn-line)!important}
.hybrid-old-timetable .schedule-recess-block{background:color-mix(in srgb,var(--pn-accent) 10%,var(--pn-card))!important;color:var(--pn-accent)!important}
.hybrid-old-timetable .schedule-lunch-block{background:color-mix(in srgb,#e2a24b 14%,var(--pn-card))!important;color:color-mix(in srgb,#7b531d 80%,var(--pn-text))!important}.hybrid-old-timetable .schedule-lunch-block small{font-size:.56rem;opacity:.8}
.hybrid-course{cursor:pointer!important;color:var(--pn-text)!important;transition:.14s transform,.14s box-shadow,.14s filter}.hybrid-course:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 7px 18px rgba(0,0,0,.14)!important;filter:saturate(1.05)}
.hybrid-course strong{font-size:.78rem!important}.hybrid-course span{font-size:.65rem!important;color:var(--pn-muted)!important}.hybrid-course small{font-size:.63rem!important;color:var(--pn-text)!important}
.hybrid-timetable-legend{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px;font-size:.72rem;color:var(--pn-muted)}.hybrid-timetable-legend span{display:flex;align-items:center;gap:6px}.hybrid-timetable-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.schedule-select select{background:var(--pn-input)!important;color:var(--pn-text)!important;border-color:var(--pn-line)!important}

/* Harmoniser davantage les formulaires et modales V8 avec l'ancien design. */
.pn-modal,.edit-dialog,.session-dialog{background:var(--pn-card)!important;color:var(--pn-text)!important;border:1px solid var(--pn-line)!important;border-radius:max(14px,var(--pn-radius))!important;box-shadow:0 28px 90px rgba(7,45,40,.32)!important}
.pn-field input,.pn-field select,.pn-field textarea,.pn-toolbar input,.pn-toolbar select{background:var(--pn-input)!important;color:var(--pn-text)!important;border-color:var(--pn-line)!important}
.pn-table th{background:color-mix(in srgb,var(--pn-accent) 7%,var(--pn-card))!important;color:var(--pn-text)!important}.pn-table td{border-color:var(--pn-line)!important}

@media(max-width:760px){
  .portal{display:block!important}.portal-sidebar{position:fixed!important;left:-280px!important;width:254px!important;top:0!important;transition:left .2s!important;z-index:71!important}.portal-sidebar.open{left:0!important}
  .portal-topbar{display:flex!important;padding:13px 15px!important}.portal-topbar #mobileMenu{display:block!important;background:color-mix(in srgb,var(--pn-accent) 12%,var(--pn-card))!important;color:var(--pn-accent)!important}
  .mobile-backdrop.open{display:block!important;z-index:70!important}.mobile-bottom-nav{display:grid!important;background:var(--pn-card)!important;border-color:var(--pn-line)!important}.mobile-bottom-nav a,.mobile-bottom-nav button{color:var(--pn-muted)!important}.mobile-bottom-nav a.active{background:color-mix(in srgb,var(--pn-accent) 11%,var(--pn-card))!important;color:var(--pn-accent)!important}
  .view-content{padding:14px 10px 105px!important}.pn-page-head h1{font-size:18px!important}.pn-page-head p{display:block!important;font-size:10px!important}
  .hybrid-weekbar{justify-content:stretch}.hybrid-weekbar .pn-btn{min-width:0;flex:1;font-size:.72rem;padding:8px 6px}.hybrid-schedule-scroll{overflow-x:auto!important}.hybrid-old-timetable .schedule-week{grid-template-columns:52px repeat(5,155px)!important;min-width:827px!important}.hybrid-old-timetable .schedule-course span{display:none}.hybrid-timetable-legend{font-size:.65rem}
}
