:root{color-scheme:light;--ink:#2c2220;--muted:#65524a;--line:#dfd2c5;--canvas:#faf5ed;--card:#fff;--nav:#4a1c2b;--nav-active:#6b3040;--action:#a6401c;--action-hover:#843015;--tint:#f7e2d4;--accent:#ffb382;--mint:var(--accent);--green:var(--action);--blue:var(--action);--radius:14px;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #397be6;outline-offset:3px}svg{display:block}.skip{position:fixed;top:-80px;left:12px;background:white;padding:10px;z-index:10}.skip:focus{top:8px}
.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:var(--nav);color:white;padding:28px 16px 17px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 10px}.brand strong{font-size:19px;display:block;line-height:1.1;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--mint);margin-top:5px;font-weight:800}.nav-heading{color:#a1b1c0;font-size:10px;letter-spacing:1.55px;font-weight:800;margin:48px 10px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;color:#c4d0da;padding:11px 10px;border-radius:9px;font-size:13.5px;font-weight:620;border:1px solid transparent}.nav-item:hover{background:var(--nav-active);color:white}.nav-item[aria-current=page]{background:var(--nav-active);color:var(--accent);border-color:#2c5358}.nav-item svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;border-top:1px solid #31404c;padding:17px 2px 0;display:flex;gap:9px;align-items:center}.sidebar-bottom strong,.sidebar-bottom small{display:block;white-space:nowrap}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{color:#a3b6c5;font-size:11px;margin-top:2px}.workspace-icon{font-size:11px;font-weight:800;padding:8px;color:#b7f5e7;background:#243d46;border-radius:9px}
.shell{margin-left:234px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(20px,3.1vw,50px);display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.breadcrumb strong{color:var(--ink);font-weight:660}.breadcrumb span:nth-child(2){color:#82909b}.environment,.pill{white-space:nowrap;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;line-height:1.2;font-weight:750;padding:6px 9px}.environment{color:#705016;background:#fff5d8;border:1px solid #f3e1b4}.environment i,.pill i{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.mobile-menu{display:none!important}
main{width:100%;max-width:1540px;margin:0 auto;padding:31px clamp(20px,3.1vw,50px) 38px;flex:1;outline:0}.loading{margin:30px 0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:850;color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:clamp(27px,3.1vw,43px);line-height:1.07;letter-spacing:-.04em;font-weight:780}h2{font-size:19px;letter-spacing:-.45px;line-height:1.24}h3{font-size:15px;line-height:1.4}small,.muted{color:var(--muted)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:23px}.page-heading h1{margin-top:6px;font-size:clamp(25px,3vw,37px)}.page-heading p{color:var(--muted);margin-top:7px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:8px;font-size:13px;font-weight:720;white-space:nowrap;border:1px solid transparent}.button svg,.icon-button svg{width:16px;height:16px}.button.primary{background:var(--action);color:#fff}.button.primary:hover{background:var(--action-hover)}.button.secondary{background:white;border-color:#d8e2e7}.button.secondary:hover{background:#edf5f6}.button.mint{background:var(--mint);color:#0b3231}.button.mint:hover{background:#9bf2de}.button.ghost{color:var(--green);padding-right:2px;padding-left:2px}.button.ghost:hover{text-decoration:underline}.icon-button{background:white;border:1px solid #dce5eb;border-radius:8px;display:inline-grid;place-items:center;min-width:36px;height:36px;font-size:21px;line-height:1}.icon-button:hover{background:#edf5f6}
.hero{min-height:236px;padding:30px 31px;background:linear-gradient(112deg,#102b37,#123c43 76%,#174a4d);color:#fff;border-radius:18px;position:relative;overflow:hidden;display:flex;align-items:center;box-shadow:0 12px 28px #16354017}.hero-content{position:relative;z-index:1;max-width:590px}.hero .eyebrow{color:#8eeedb;display:inline-flex;gap:9px;align-items:center;margin-bottom:12px}.hero .eyebrow::before{content:"";width:17px;height:1px;background:currentColor}.hero p{color:#d4e3e6;margin:12px 0 22px;font-size:14px;max-width:410px}.hero-art{width:min(47%,430px);height:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.93;pointer-events:none}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0 23px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:14px;min-width:0;display:flex;flex-direction:column;gap:6px}.metric:hover{border-color:#87bdb4}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}.metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--action);background:var(--tint)}.metric:nth-child(2) .metric-icon{background:#e8efff;color:#315ab8}.metric:nth-child(3) .metric-icon{background:var(--tint);color:var(--action)}.metric:nth-child(4) .metric-icon{background:#fff0d9;color:#825517}.metric-icon svg,.metric-top>svg{width:16px;height:16px}.metric strong{font-size:28px;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums}.metric small{font-weight:650;font-size:12px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:16px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}.card-heading p{color:var(--muted);margin-top:4px;font-size:12.5px}.card-body{padding:17px 18px}.agenda-list{display:grid;padding:0 16px}.agenda-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 1px;border-bottom:1px solid var(--line)}.agenda-item:last-child{border-bottom:0}.agenda-item:hover strong{color:var(--green);text-decoration:underline}.date-chip{text-align:center;background:#edf5f5;border:1px solid #e1eeee;color:#174d4a;border-radius:8px;padding:4px 0;font-variant-numeric:tabular-nums}.date-chip b,.date-chip small,.agenda-item strong,.agenda-item small{display:block}.date-chip b{font-size:17px;line-height:1.15}.date-chip small{font-size:9px;text-transform:uppercase;letter-spacing:.4px}.agenda-item strong{font-size:13px}.agenda-item small{font-size:11.5px;margin-top:2px}
.quick-list{display:grid;gap:9px}.quick-list button{background:var(--canvas);border:1px solid var(--line);border-radius:9px;text-align:left;padding:9px;display:grid;grid-template-columns:30px 1fr 15px;align-items:center;gap:8px;font-size:12px;font-weight:700}.quick-list button:hover{background:var(--tint);border-color:#aed5cc}.quick-list .metric-icon{width:28px;height:28px}.quick-list svg{width:15px;height:15px}.demo-note{color:#675229;background:#fff8e7;border:1px solid #f2e6c9;border-radius:9px;font-size:12px;padding:10px 12px;margin-top:13px}.quick-list+.demo-note{margin-top:12px}
.table-wrap{overflow-x:auto}.table-wrap:focus-visible{outline:2px solid #397be6;outline-offset:-2px}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}thead{background:var(--canvas);color:#566878}th{font-size:11px;font-weight:780;letter-spacing:.4px}th,td{padding:11px 13px;border-bottom:1px solid #e9eef2;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.data-link{font-weight:750}.data-link:hover{text-decoration:underline;color:var(--green)}.cell-sub{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.date-cell{white-space:nowrap}.pill.planifiee,.pill.present{background:#e2f5ee;color:#19634f}.pill.en-cours,.pill.retard{background:#fff2d8;color:#805219}.pill.terminee{background:#e8effd;color:#2f54a4}.pill.annulee,.pill.absent{background:#fae9e9;color:#8c3434}.pill.brouillon,.pill.a-renseigner{background:#edf0f4;color:#4f6272}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:670;min-width:0}.field.full{grid-column:1/-1}input,select,textarea{background:white;border:1px solid #cdd9e1;border-radius:8px;padding:8px 10px;min-height:38px;width:100%}textarea{min-height:82px;resize:vertical}input::placeholder{color:#647787}.filters input{width:min(100%,320px)}.filters select{width:auto;max-width:100%}.empty{padding:24px 18px;color:var(--muted);font-size:14px}.empty .button{margin-top:10px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.programme-card{padding:17px 18px}.programme-card .eyebrow{letter-spacing:1px}.programme-card h2{margin:6px 0}.programme-card p{color:var(--muted);margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.programme-card .actions{margin-top:12px}.tag{display:inline-block;color:#355365;background:#edf3f6;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:750}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0}.detail-grid div{min-width:0}.detail-grid dt{color:var(--muted);font-size:12px}.detail-grid dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.stack{display:grid;gap:14px}.tabs{display:flex;gap:5px;overflow-x:auto;margin:17px 0 10px}.tab{padding:8px 12px;border:1px solid transparent;border-radius:8px;font-size:13px;white-space:nowrap}.tab[aria-current=page]{background:#e4f3ef;border-color:#cae4dd;color:#155e51;font-weight:750}.back{display:inline-flex;gap:6px;align-items:center;margin-bottom:12px;font-size:13px;color:var(--green);font-weight:700}.back svg{width:15px;height:15px}.attendance-picker{max-width:410px}.attendance-input{min-width:130px;font-size:12.5px}.status-line{margin:0 0 11px;color:var(--muted);font-size:13px}
footer{max-width:1540px;width:100%;margin:0 auto;padding:12px clamp(20px,3.1vw,50px) 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}footer a{display:flex;align-items:center;gap:6px}footer a:hover{text-decoration:underline}footer img{object-fit:contain}.footer-dot{padding:0 2px}
dialog{border:1px solid var(--line);border-radius:16px;width:min(540px,calc(100% - 26px));padding:0;color:var(--ink);box-shadow:0 28px 78px #101d2a45;max-height:calc(100dvh - 28px)}dialog::backdrop{background:#0b1d2e7a}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:17px 19px;border-bottom:1px solid var(--line)}.dialog-heading h2{margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px 19px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding:12px 19px}.error{background:#fff0ef;color:#822d2c;padding:9px 11px;border-radius:8px;margin:0 19px 12px}.toast{position:fixed;z-index:5;right:17px;bottom:17px;padding:11px 14px;color:white;background:#123b38;border-radius:8px;font-size:13px;max-width:calc(100% - 34px);box-shadow:0 7px 24px #101d2a32}.toast.bad{background:#862e2c}
@media(max-width:1100px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.shell{margin-left:195px}.hero-art{opacity:.59}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(185px,1fr)}}
@media(max-width:850px){.sidebar{width:176px}.shell{margin-left:176px}.dashboard-grid{grid-template-columns:1fr}.quick-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:210px}.metric{padding:10px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{opacity:.39}}
@media(max-width:680px){.sidebar{display:none;position:fixed;width:min(270px,88vw);top:58px;bottom:auto;border-radius:0 0 14px 0;box-shadow:0 16px 36px #101d2a45;padding:18px 14px}.sidebar.open{display:flex}.sidebar-bottom{margin-top:18px}.nav-heading{margin-top:21px}.shell{margin:0}.topbar{height:58px;padding:0 15px;justify-content:flex-start}.breadcrumb span{display:none}.environment{margin-left:auto}.mobile-menu{display:inline-grid!important}main{padding:18px 14px 27px}.hero{padding:22px 18px;min-height:194px}.hero p{margin:9px 0 17px}.hero-art{width:62%;right:-14px;opacity:.30}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 16px}.metric{gap:4px}.metric strong{font-size:24px}.quick-list{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column;gap:11px}.card-heading{padding:13px 12px}.card-body{padding:13px 12px}.agenda-list{padding:0 11px}.agenda-item{gap:8px}.catalog{grid-template-columns:1fr}footer{padding:11px 14px 15px}.form-grid{padding:12px 14px}.dialog-heading,.dialog-actions{padding:12px 14px}}
@media(max-width:360px){.agenda-item{grid-template-columns:40px 1fr}.agenda-item>.pill{grid-column:2;justify-self:start}.form-grid{grid-template-columns:1fr}}

.brand small{color:#ffaf90}.sidebar .brand img{width:38px;height:38px}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,245px);align-items:start;gap:16px}.session-journal .card-body+.card-body{border-top:1px solid var(--line)}.journal-title{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:9px}.journal-title h2{font-size:16px}.journal-title .button{padding:4px 6px;min-height:29px;font-size:11px}.journal-title .button svg{width:13px;height:13px}.session-journal p,.session-journal li{font-size:12px}.session-journal ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.journal-task{display:flex;align-items:start;gap:7px;cursor:pointer}.journal-task input{flex:0 0 auto;width:15px;height:15px;min-height:0;margin:2px 0 0}.journal-task input:checked+span{text-decoration:line-through;color:var(--muted)}.journal-task span,.journal-note{overflow-wrap:anywhere;white-space:pre-wrap}.journal-note{padding:7px 8px;background:var(--canvas);border-radius:6px}.tabs .tab{display:inline-flex;align-items:center;gap:6px}.tab svg{width:15px;height:15px}.subnav{border-bottom:1px solid var(--line);padding:0 0 8px;font-weight:650}.preview-subtitle{margin-top:12px}
@media(max-width:1000px){.session-layout{grid-template-columns:minmax(0,1fr)}}

.topbar-right{display:flex;align-items:center;gap:13px;margin-left:auto;min-width:0}.account-menu{position:relative;z-index:4;color:var(--ink)}.account-trigger{display:flex;align-items:center;gap:8px;min-height:44px;width:clamp(160px,26vw,326px);padding:4px 7px 4px 9px;border:1px solid var(--line);border-radius:10px;background:#faf9fc;cursor:pointer;position:relative}.account-trigger::-webkit-details-marker,.account-language summary::-webkit-details-marker{display:none}.account-menu[open]>.account-trigger{border-color:var(--action);box-shadow:inset 0 0 0 1px var(--action);background:#f3f0f9}.account-identity{min-width:0;margin-right:12px;line-height:1.15}.account-identity strong,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity strong{font-size:13px;font-weight:800}.account-identity small{font-size:11px;color:var(--muted);margin-top:3px}.account-help{align-self:flex-start;margin-left:auto;display:grid;place-items:center;background:var(--action);color:white;border-radius:50%;width:13px;height:13px;font-size:9px;font-weight:800;flex:none}
.account-popover{position:absolute;right:0;top:calc(100% + 8px);width:min(326px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 8px 6px;box-shadow:0 3px 12px #4a1c2b32}.account-popover button,.account-language summary{border:0;background:transparent;border-radius:7px;color:inherit;display:flex;align-items:center;gap:10px;min-height:43px;width:100%;text-align:left;padding:8px 17px;font-weight:700;font-size:13px}.account-popover button:hover,.account-language summary:hover{background:var(--tint)}.account-popover .account-switch{min-height:47px;padding:8px 12px;background:var(--action);color:white;margin-bottom:3px}.account-popover .account-switch:hover{background:var(--action-hover)}.account-popover svg{width:20px;height:20px;flex:none}.account-popover .account-switch svg{width:23px;height:23px}.account-popover .account-logout{border-top:1px solid var(--line);border-radius:0;margin-top:7px;justify-content:space-between}.account-language summary{cursor:pointer}.account-language summary svg{margin-left:auto;width:16px}.account-language div{padding:7px 19px 7px 46px;font-size:13px;color:var(--muted)}.account-language div span{color:var(--action);margin-left:12px}.french-flag{width:20px;height:20px;flex:none;border-radius:50%;background:linear-gradient(90deg,#1358a2 33%,#fff 33% 66%,#dd2933 66%);box-shadow:inset 0 0 0 1px #0001}
.auth-shell .sidebar,.auth-shell .mobile-menu,.auth-shell .breadcrumb{display:none!important}.auth-shell .shell{margin-left:0}.auth-shell .topbar{justify-content:flex-end}.auth-panel{max-width:475px;margin:clamp(20px,7vh,80px) auto 0;background:white;border:1px solid var(--line);border-radius:16px;padding:clamp(18px,4vw,31px);box-shadow:0 14px 42px #13253310}.auth-panel h1{font-size:32px;margin:8px 0 9px}.auth-panel>p{margin-bottom:18px}.auth-mark{width:53px;height:53px}.auth-form,.question-form{display:grid;gap:14px}.auth-form .button,.question-form .button{justify-self:start}.auth-form .error,.question-form .error{margin:0}.form-status{color:var(--green);font-weight:750}.portal-block{display:grid;gap:9px}.portal-block p{white-space:pre-wrap;overflow-wrap:anywhere}.response-card{border-top:1px solid var(--line);padding:12px 0}.response-card dd{margin:4px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.response-card dt{font-weight:700}.copy-row{display:grid;gap:10px}.copy-row button{justify-self:start}
@media(max-width:680px){.topbar-right{gap:5px}.account-trigger{min-height:39px;width:156px}.account-trigger img{width:25px;height:25px}.account-help{display:none}.account-identity{margin:0}.account-identity strong{font-size:11px}.account-identity small{font-size:10px}.topbar .environment{font-size:0;padding:6px}.topbar .environment i{width:8px;height:8px}.topbar .breadcrumb strong{font-size:11px}}

@media(min-width:681px){
  .sidebar{width:64px;padding:13px 8px 11px;background:var(--nav)}
  .shell{margin-left:64px}
  .sidebar .brand{display:grid;place-items:center;padding:0;width:48px;height:42px}
  .sidebar .brand img{width:35px;height:35px}
  .sidebar .brand span,.nav-heading,.sidebar-bottom{display:none}
  .sidebar nav{margin-top:18px;gap:10px}
  .sidebar .nav-item{position:relative;justify-content:center;min-height:44px;padding:7px 0;color:#fff;border-radius:10px}
  .sidebar .nav-item svg{width:21px;height:21px}
  .sidebar .nav-item[aria-current=page]{background:var(--nav-active);color:#fff;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
  .sidebar .nav-item:hover,.sidebar .nav-item:focus-visible{background:var(--nav-active)}
  .nav-label{position:absolute;left:calc(100% + 9px);top:50%;transform:translateY(-50%);white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:white;box-shadow:0 4px 17px #4a1c2b32;padding:7px 11px;color:var(--ink);pointer-events:none;opacity:0}
  .nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:1}
  .auth-shell .shell{margin-left:0}
}

.topbar-context,.topbar-brand{display:flex;align-items:center;min-width:0}
.topbar-context{gap:clamp(12px,2vw,26px)}
.topbar-brand{gap:7px;flex:none;white-space:nowrap;font-size:14px;font-weight:800}
.topbar-brand img{flex:none}
.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-shell .topbar{justify-content:flex-start}
.account-trigger #account-organization-logo{flex:none;object-fit:contain;border-radius:4px;background:white}
.platform-menu{position:relative}
.platform-menu>.brand{cursor:pointer;list-style:none}
.platform-menu>.brand::-webkit-details-marker{display:none}
.platform-popover{position:absolute;z-index:5;top:51px;left:calc(100% + 16px);width:320px;max-height:calc(100dvh - 75px);overflow:auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #4a1c2b32;font-size:13px}
.platform-menu-title{background:var(--tint);color:var(--ink);padding:14px 20px;font-weight:850;text-transform:uppercase}
.platform-menu-group{margin:0 8px;padding:8px 0}
.platform-menu-group+.platform-menu-group{border-top:1px solid var(--line)}
.platform-menu-group button,.platform-menu-group a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:7px 14px;border:0;border-radius:8px;text-align:left;background:transparent;color:inherit;font-weight:700}
.platform-menu-group button:hover,.platform-menu-group a:hover{background:var(--tint)}
.platform-resources strong{color:var(--action);display:block}
.platform-resources small{color:var(--muted);display:block;font-size:11px}
.platform-menu-group [aria-hidden]{font-size:17px}
.platform-feature-list{padding-left:21px}
@media(max-width:820px){.topbar-context .breadcrumb>span{display:none}}
@media(max-width:680px){
  .topbar{gap:8px;padding-inline:10px}.topbar-brand{gap:3px;font-size:12px}.topbar-brand img{width:22px;height:22px}
  .topbar-context .breadcrumb{display:none}
  .sidebar{max-height:calc(100dvh - 58px);overflow-y:auto}
  .platform-popover{position:relative;top:auto;left:0;width:100%;max-height:none;margin-top:8px}
}
@media(max-width:390px){.account-trigger{width:126px}}

.rail-group{position:relative;min-width:0}
.rail-group>summary{cursor:pointer;list-style:none}
.rail-group>summary::-webkit-details-marker{display:none}
.rail-panel{background:#fff;color:var(--ink);overflow:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #4a1c2b32;font-size:13px}
.rail-panel a[aria-current=page]{background:var(--tint);color:var(--action)}
.rail-panel .platform-menu-title{position:sticky;top:0;z-index:1}
.rail-group[open]>summary .nav-label{opacity:0}
.subscription-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.subscription-tabs .button[aria-current=page]{background:var(--tint);color:var(--action);border-color:var(--line)}
.auth-pricing{margin-top:16px;text-align:center}
.pricing-page{display:flex;flex-direction:column;min-height:100vh}
.pricing-page .topbar{justify-content:space-between}
.pricing-page footer a{display:flex;gap:7px;align-items:center}
.pricing-main{max-width:1280px}
.pricing-note{color:var(--muted);margin-bottom:16px}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,188px),1fr));gap:14px}
.pricing-card{display:flex;flex-direction:column;gap:14px}
.pricing-card .button{margin-top:auto;justify-content:center;white-space:normal;text-align:center}
.pricing-price{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}
.pricing-price strong{font-size:clamp(19px,2vw,27px);letter-spacing:-.025em}
.pricing-price small{color:var(--muted)}
.pricing-card ul{padding-inline-start:18px;margin:0}
.pricing-card li+li{margin-top:5px}
.pricing-estimate,.pricing-options{margin-top:24px}
.pricing-estimate p{color:var(--muted);margin-block:8px}
.pricing-options th[scope=row],#view th[scope=row]{color:inherit;font-weight:700;text-align:left}
.catalogue-form{max-width:640px}
.field.catalogue-toggle{flex-direction:row;align-items:center}
.admin-actions{justify-content:space-between}
.admin-filters .field{flex-direction:row;align-items:center}
.admin-filters .field input{width:auto;min-width:8rem}
.admin-count{color:var(--muted);padding:10px 16px;font-size:13px}
.admin-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:start;gap:20px}
.admin-aside{border-color:var(--line)}
.admin-aside h2{margin-bottom:8px;font-size:17px}
.column-picker{position:relative}
.column-picker summary,.admin-help summary,.learning-activity summary{cursor:pointer}
.column-picker>div{position:absolute;z-index:2;top:calc(100% + 6px);left:0;min-width:230px;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 22px #4a1c2b32;padding:10px 12px}
.column-picker label,.admin-check{display:flex;align-items:center;gap:7px;font-size:13px;padding-block:3px}
.column-picker input,.admin-check input,.admin-order input[type=checkbox],table input[type=checkbox]{flex:none;width:16px;height:16px;min-height:0;accent-color:var(--action)}
.table-sort,.text-button{background:none;border:0;padding:0;text-align:left}
.table-sort{font-size:inherit;font-weight:inherit}
.text-button{color:var(--action);font-weight:750}
.admin-order{border:1px solid var(--line);border-radius:8px;padding:8px;max-height:280px;overflow:auto}
.admin-order>div{display:flex;gap:5px;align-items:center}
.admin-order>div label{flex:1;display:flex;gap:6px;align-items:center}
.admin-order button{background:white;border:1px solid var(--line);border-radius:5px}
.admin-preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.admin-help details,.learning-activity{padding:10px 2px;border-bottom:1px solid var(--line)}
.admin-help details p,.learning-activity p{margin-top:8px}
.quiz-question{display:grid;gap:7px;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px}
.quiz-question legend{padding:0 4px;font-weight:700}
.quiz-question label{display:flex;align-items:baseline;gap:8px}
.quiz-question input{width:auto;min-height:0;accent-color:var(--green)}
.lesson-image{display:block;max-width:100%;height:auto}
.lesson-video{display:block;width:100%;max-width:640px;aspect-ratio:16/9;border:0;margin-bottom:8px}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(175px,1fr));gap:8px;overflow:auto;padding:0 15px 15px}
.kanban section{background:var(--canvas);border-radius:10px;min-height:130px;padding:10px}
.kanban section h2{font-size:15px}
.kanban-card{display:grid;gap:3px;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:8px;padding:8px;font-size:13px}
@media(min-width:681px){
  .sidebar .admin-rail{gap:5px;margin-top:10px}
  .rail-group[data-current]>summary{background:var(--nav-active);color:#fff;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
  .rail-panel{position:fixed;z-index:5;left:72px;top:clamp(70px,calc(65px + var(--rail-step) * 47px),max(70px,calc(100dvh - 520px)));width:320px;max-height:calc(100dvh - clamp(70px,calc(65px + var(--rail-step) * 47px),max(70px,calc(100dvh - 520px))) - 8px)}
  .rail-group:nth-child(1){--rail-step:0}.rail-group:nth-child(2){--rail-step:1}.rail-group:nth-child(3){--rail-step:2}
  .rail-group:nth-child(4){--rail-step:3}.rail-group:nth-child(5){--rail-step:4}.rail-group:nth-child(6){--rail-step:5}
  .rail-group:nth-child(7){--rail-step:6}.rail-group:nth-child(8){--rail-step:7}.rail-group:nth-child(9){--rail-step:8}
}
@media(max-width:780px){.admin-split{grid-template-columns:1fr}.admin-aside{display:none}}
@media(max-width:680px){.rail-group[open]>summary .nav-label{opacity:1}.rail-panel{margin:3px 0 6px}.admin-filters .field{flex-direction:column;align-items:start}}

.agenda-controls select{max-width:min(250px,100%);width:auto}
.agenda-controls #agenda-period{margin-right:auto;text-transform:capitalize}
.calendar-scroll{overflow:auto}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));min-width:665px}
.calendar-day-label,.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.calendar-day-label{padding:7px 10px;color:var(--muted);font-weight:750;background:var(--canvas);font-size:12px}
.calendar-day{min-height:86px;padding:5px 7px;font-size:12px}
.calendar-day.outside{background:#f8f6fa;color:var(--muted)}
.calendar-day a{display:block;padding:3px 5px;background:var(--tint);color:var(--action);border-radius:5px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-day a:hover{text-decoration:underline}

.session-filters .field{flex:0 1 auto}
.session-filters .field:first-child{flex:1 1 180px}
.session-filters select{max-width:190px}
.session-filters>.button{align-self:flex-end}
.session-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:var(--muted);font-size:13px}
.session-layout-switch{display:flex;gap:5px}
.session-layout-switch [aria-pressed=true]{background:var(--tint);border-color:var(--line);color:var(--action);font-weight:750}
.session-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);align-items:stretch;gap:12px;overflow-x:auto;padding:0 16px 16px}
.session-lane{--lane:var(--action);--lane-bg:var(--tint);background:var(--lane-bg);border-radius:12px;padding:9px}
.session-lane-1{--lane:#a66721;--lane-bg:#fbf1e4}
.session-lane-2{--lane:#337a66;--lane-bg:#e8f5f0}
.session-lane-3{--lane:#375caa;--lane-bg:#eaf0fc}
.session-lane-4{--lane:#ad5349;--lane-bg:#faedeb}
.session-lane summary{padding:5px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.session-lane summary::before{content:"▾";color:var(--lane)}
.session-lane details:not([open])>summary::before{content:"▸"}
.session-lane summary h2{font-size:14px;margin:0;flex:1}
.session-lane summary>span{color:var(--lane);font-size:12px;font-weight:750}
.session-lane-note,.session-lane-empty{font-size:12px;color:var(--muted);margin:5px}
.session-board-card{margin-top:9px;padding:11px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--lane);border-radius:9px;overflow-wrap:anywhere}
.session-board-card>.data-link{display:block;color:var(--action);font-size:14px}
.session-category{display:inline-block;margin:7px 0 1px;padding:2px 6px;border-radius:5px;background:var(--tint);color:var(--action);font-size:11px;font-weight:700}
.session-category.is-bilan{background:#ffe2a3;color:#633600}
.session-board-info{display:flex;align-items:flex-start;gap:7px;margin:7px 0;font-size:12px}
.session-board-info svg{flex:0 0 16px;color:var(--lane);height:16px}
.session-board-info small{display:block;color:var(--muted)}
.session-progress{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:11px;white-space:nowrap;color:var(--action)}
.session-progress progress{accent-color:var(--action);flex:1;min-width:32px;height:9px}
.session-overview-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:10px}
.session-overview-links a{background:var(--tint);border:1px solid var(--line);border-radius:7px;padding:8px;color:var(--action);font-weight:650}
.session-overview-links a:hover{background:var(--tint)}

.session-filter-menu{position:relative;align-self:flex-end;max-width:100%}
.session-filter-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
.session-filter-menu>summary::-webkit-details-marker{display:none}
.session-filter-menu>summary::after{content:"▾";margin-left:.25rem}
.session-filter-menu[open]>summary{background:var(--tint);border-color:var(--line);color:var(--action)}
.session-filter-panel{position:absolute;top:calc(100% + 5px);left:0;z-index:4;display:grid;gap:8px;width:max-content;min-width:160px;max-width:min(280px,80vw);max-height:300px;overflow:auto;padding:12px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 20px #4a1c2b32}
.session-filter-option{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.session-filter-option input{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--action)}
.session-filter-count{border-radius:10px;background:var(--tint);color:var(--action);padding:0 6px}
.session-filter-panel p{margin:0;font-size:12px}
.sidebar { background: var(--nav); isolation: isolate; }
.sidebar::after {
  position: absolute; inset: auto 0 0; height: 185px; z-index: -1; content: '';
  pointer-events: none; background: url('/tlc-ribbons.svg') right bottom / 510px auto no-repeat; opacity: .17;
}
.sidebar .brand img.brand-full { display: none; }
.sidebar .brand img.brand-compact { display: block; }
.sidebar .nav-item[aria-current=page], .sidebar .rail-group[data-current] > summary {
  background: var(--nav-active);
  color: #fff;
  border-color: transparent;
  box-shadow: inset 3px 0 0 var(--accent);
}
.sidebar .nav-item:hover, .sidebar .nav-item:focus-visible { background: var(--nav-active); }
.sidebar :focus-visible { outline-color: var(--accent); }
.topbar-brand img { width: 150px; height: auto; }
.account-trigger, .quick-list button { background: var(--canvas); }
.account-popover .account-switch { color: #fff; }
.metric:nth-child(2) .metric-icon { background: #f3eadf; color: #754933; }
.metric:nth-child(3) .metric-icon { background: #f3e4e7; color: var(--nav); }
.page-heading h1 { color: var(--nav); }
.auth-panel .auth-mark { width: 194px; height: auto; }

@media (min-width: 1100px) {
  :root { --sidebar-width: 244px; }
  .sidebar { width: var(--sidebar-width); padding: 19px 14px 17px; }
  .shell { margin-left: var(--sidebar-width); }
  .sidebar .brand { width: auto; height: 61px; }
  .sidebar .brand img.brand-full { display: block; width: 193px; height: auto; }
  .sidebar .brand img.brand-compact { display: none; }
  .sidebar .nav-heading { display: block; margin: 20px 10px 10px; color: var(--accent); }
  .sidebar-scroll { flex: 1; min-height: 0; overflow: auto; scrollbar-width: thin; }
  .sidebar #nav { margin: 0; gap: 5px; }
  .sidebar .nav-item { justify-content: flex-start; padding: 10px 12px; }
  .sidebar .nav-item svg { width: 19px; height: 19px; flex: none; }
  .sidebar .nav-label { position: static; transform: none; padding: 0; color: inherit; opacity: 1;
    background: transparent; border: 0; box-shadow: none; white-space: normal; }
  .rail-panel { position: static; width: auto; max-height: none; margin: 4px 0 8px 15px;
    border: 0; border-left: 1px solid #ffffff38; border-radius: 0; background: transparent; box-shadow: none; }
  .rail-panel .platform-menu-title { display: none; }
  .rail-panel .platform-menu-group + .platform-menu-group { border-color: #ffffff30; }
  .rail-panel a { color: #fff; }
  .rail-panel a:hover, .rail-panel a[aria-current=page] { background: var(--nav-active); color: var(--accent); }
  .platform-popover { top: 65px; left: 0; }
  .auth-shell .shell { margin-left: 0; }
}

@media (max-width: 680px) {
  .topbar-brand img { width: clamp(94px, 28vw, 136px); height: auto; }
  .sidebar .brand img.brand-full { display: block; width: min(185px, 100%); height: auto; }
  .sidebar .brand img.brand-compact { display: none; }
  .sidebar .nav-heading { margin-top: 20px; color: var(--accent); }
}

[data-theme=a]{--nav:#74350C;--nav-active:#95400E;--action:#A9490E;--action-hover:#853707;--canvas:#FFF8EC;--tint:#FCE4C9;--accent:#FFD16E}
[data-theme=c]{--nav:#214724;--nav-active:#315838;--action:#3C6428;--action-hover:#2C4D20;--canvas:#F4F6ED;--tint:#E1EDDE;--accent:#A9D5A5}
[data-theme=d]{--nav:#493828;--nav-active:#604B32;--action:#81532B;--action-hover:#663D1D;--canvas:#FBF7EF;--tint:#F0E6D3;--accent:#F2CA80}
[data-theme=e]{--nav:#842D29;--nav-active:#A43934;--action:#A8382C;--action-hover:#802B23;--canvas:#FFF5EF;--tint:#FBE1D8;--accent:#FFB69F}
.appearance-dialog{width:min(1000px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border-radius:17px;container-type:inline-size;color:var(--ink)}
.appearance-form{margin:0}.appearance-header{padding:24px 28px 15px;display:flex;gap:20px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}
.appearance-header h2{margin:0 0 5px;font-size:24px}.appearance-header p{margin:0;color:var(--muted);font-size:13px}.appearance-header .icon-button{flex-shrink:0}
.appearance-form fieldset{margin:20px 28px;padding:0;border:0}.appearance-form legend{font-size:14px;font-weight:650;margin-bottom:14px}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.theme-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;min-width:0;display:flex;flex-direction:column;background:white}
.theme-card:has(:checked){border:2px solid var(--action);box-shadow:0 0 0 2px var(--tint)}
.theme-preview{display:flex;gap:9px;background:var(--canvas);height:96px;padding:11px}.theme-preview>i{width:29px;background:var(--nav);border-radius:5px}
.theme-preview>span{display:flex;flex-direction:column;gap:9px;flex:1;padding:7px 0}.theme-preview>span>i:first-child{height:22px;background:var(--tint);border-radius:4px}
.theme-preview>span>i:last-child{height:25px;width:55%;background:var(--action);border-radius:4px}
.theme-card-copy{display:flex;align-items:flex-start;gap:9px;padding:13px 12px;color:var(--ink);background:white}
.theme-card input{accent-color:var(--action);width:16px;height:16px;margin:3px 0 0;flex-shrink:0}
.theme-card strong{font-size:12px;line-height:1.35;display:block}.theme-card small{font-size:10px;line-height:1.4;color:var(--muted);display:block;margin-top:5px}
.theme-state{display:block;font-size:10px;font-weight:650;margin-top:5px;color:var(--action);min-height:15px}
.appearance-navigation{padding:0 28px}.appearance-navigation select{width:min(100%,400px)}
.appearance-status,.appearance-form>.error{font-size:12px;margin:18px 28px}.appearance-status{color:var(--muted)}
.appearance-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;padding:18px 28px;background:var(--canvas);border-top:1px solid var(--line);position:sticky;bottom:0}
.appearance-footer #appearance-reset{margin-right:auto}
@container (max-width:839px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:559px){.theme-options{grid-template-columns:minmax(0,1fr)}.theme-card{flex-direction:row}.theme-preview{width:120px;flex-shrink:0;height:auto;min-height:100px}.theme-card-copy{align-items:center}}

.ribbon-heading {
  position: relative; isolation: isolate; overflow: hidden;
  margin: -31px calc(-1 * clamp(20px,3.1vw,50px)) 24px;
  padding: 30px clamp(20px,3.1vw,50px) 24px;
  background: linear-gradient(110deg,var(--canvas) 45%,var(--tint));
  border-bottom: 1px solid var(--line);
}
.ribbon-heading::before {
  content: ''; position: absolute; inset: 0 -70px 0 40%; z-index: -1; pointer-events: none;
  background: url('/tlc-ribbons.svg') right top / auto 100% no-repeat; opacity: .48;
}
.ribbon-heading .page-heading { margin: 0; }
[data-theme=c] .ribbon-heading::before, [data-theme=c] .sidebar::after { filter: hue-rotate(70deg) saturate(.55); }
[data-theme=d] .ribbon-heading::before { filter: saturate(.55); }
[data-theme=e] .ribbon-heading::before { filter: hue-rotate(-16deg); }
.metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
.dashboard-dossiers { margin-bottom: 20px; }
.dashboard-dossier-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.dashboard-dossier-links > a { display: flex; gap: 12px; align-items: center; min-width: 0;
  padding: 14px; background: var(--canvas); border: 1px solid var(--line); border-radius: 10px; }
.dashboard-dossier-links > a:hover { border-color: var(--action); }
.dashboard-dossier-links > a > span:nth-child(2) { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.dashboard-dossier-links strong, .dashboard-dossier-links small { display: block; }
.dashboard-dossier-links small { color: var(--muted); }
.dashboard-dossier-links svg { flex: none; }
.nav-chevron { margin-left: auto; font-size: 20px; line-height: 1; }
.rail-group[open] .nav-chevron { transform: rotate(90deg); }
.sidebar-bottom { display: flex; flex-direction: column; align-items: stretch; gap: 4px; margin-top: auto;
  padding: 12px 0 0; border: 0; border-top: 1px solid #ffffff32; background: transparent; }
.sidebar-bottom #workspace-mode { margin: 4px 12px 0; color: var(--accent); }
.sidebar-bottom .nav-item { width: 100%; background: transparent; text-align: left; }
.sidebar-bottom .rail-panel { top: auto; bottom: 20px; }
.sidebar-bottom .rail-group[open] > summary { background: var(--nav-active); }

@media (min-width: 681px) and (max-width: 1099px) {
  .sidebar-scroll { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
  .sidebar .nav-chevron, .sidebar-bottom #workspace-mode { display: none; }
}

@media (min-width: 1100px) {
  body:not(.auth-shell) .topbar .mobile-menu { display: inline-grid !important; flex: none; }
  .sidebar-bottom .rail-panel { position: absolute; left: 100%; width: 280px; padding: 10px;
    background: var(--nav); border: 1px solid #ffffff35; border-radius: 10px; bottom: 0; }
  .nav-collapsed { --sidebar-width: 72px; }
  .nav-collapsed .sidebar { padding-inline: 10px; }
  .nav-collapsed .sidebar .brand img.brand-full, .nav-collapsed .sidebar .nav-heading, .nav-collapsed .sidebar .nav-label,
  .nav-collapsed .sidebar .nav-chevron, .nav-collapsed .sidebar #workspace-mode { display: none; }
  .nav-collapsed .sidebar .brand img.brand-compact { display: block; }
  .nav-collapsed .sidebar .nav-item { justify-content: center; padding: 10px 0; }
  .nav-collapsed .sidebar-scroll { overflow: visible; }
  .nav-collapsed .rail-panel { position: fixed; left: 76px; top: clamp(60px,calc(60px + var(--rail-step) * 47px),55vh);
    width: 280px; max-height: 45vh; margin: 0; padding: 10px; border-radius: 10px;
    background: var(--nav); border: 1px solid #ffffff35; box-shadow: 0 9px 30px #24121b35; }
  .nav-collapsed .sidebar-bottom .rail-panel { position: absolute; left: 60px; top: auto; bottom: 0; }
}

@media (max-width: 680px) {
  .dashboard-dossier-links { grid-template-columns: 1fr; }
  .ribbon-heading::before { opacity: .19; }
  .metrics { grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); }
}