/* SOLUX GCES v2.0.257 — feuille de style unique (fusion ordonnée de 48 fichiers) */
/* ===== styles.css ===== */
*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial,sans-serif;background:#eef3f8;color:#13223d}.app-shell{display:grid;grid-template-columns:212px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#13273b,#0d1d2e);color:#fff;position:sticky;top:0;height:100vh;overflow:auto}.brand{height:94px;display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #ffffff18}.brand-icon{font-size:38px}.brand b{display:block;font-size:28px;letter-spacing:1px}.brand span{font-size:13px}.sidebar nav{padding:0 0 18px}.nav{width:100%;border:0;background:transparent;color:#eef5fb;display:flex;align-items:center;gap:13px;padding:10px 18px;text-align:left;cursor:pointer;font-size:13px}.nav:hover,.nav.active{background:#1475e8}.nav.disabled{opacity:.72;cursor:not-allowed}.workspace{min-width:0}.topbar{min-height:132px;background:#fff;display:flex;align-items:center;gap:15px;padding:12px 18px;border-bottom:1px solid #dce5ef;box-shadow:0 2px 9px #25354a10}.hamb{border:0;background:transparent;font-size:22px}.school-logo{font-size:52px}.school-head{min-width:360px}.eyebrow{font-weight:900;color:#d41619;font-size:17px}.school-head h1{font-size:26px;color:#073c84;margin:2px 0}.school-head>b{font-size:16px}.arabic{margin-left:auto;text-align:center}.arabic strong{display:block;color:#b60000;font-size:27px;font-family:Tahoma,Arial}.arabic small{display:block;line-height:1.45;margin-top:5px}.top-actions{display:flex;align-items:center;gap:10px}.language{display:flex;border:1px solid #dbe3ec;border-radius:8px;overflow:hidden}.language button{border:0;background:#fff;padding:8px}.language .sel{background:#1475e8;color:#fff}.admin{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e7ef;border-radius:10px;padding:9px 12px;box-shadow:0 3px 10px #10203010}.admin span,.admin small{display:block}main{padding:15px;max-width:1650px;margin:auto}.panel{background:#fff;border:1px solid #dde6ef;border-radius:11px;box-shadow:0 3px 12px #1a2d4010}.welcome{padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.welcome h2{margin:0 0 4px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.kpi{padding:14px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dde6ef;border-radius:10px}.kpi i{font-style:normal;font-size:27px;width:54px;height:54px;border-radius:8px;display:grid;place-items:center;color:#fff}.kpi strong{display:block;font-size:25px}.kpi span{font-size:12px}.blue i,.money .blue{background:#1588ed}.green i,.money .green{background:#12a947}.orange i,.money .orange{background:#f6a000}.red i,.money .red{background:#ef334d}.purple i{background:#7b48d5}.blue strong{color:#1488ed}.green strong{color:#10a347}.orange strong{color:#f18c00}.red strong{color:#e62d45}.purple strong{color:#7846d4}.dash-grid{display:grid;grid-template-columns:1.45fr 1fr 1.08fr;gap:10px;margin-bottom:10px}.dash-grid.lower{grid-template-columns:1.2fr .9fr .9fr}.dash-grid.bottom{grid-template-columns:2fr 1fr}.span2{min-width:0}.dash-grid>.panel{padding:13px}.panel h3{margin:0 0 12px;font-size:15px}.panel h3 small{font-weight:400}.money{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.money>div{border-radius:7px;padding:14px 8px;color:#fff;text-align:center}.money b,.money span{display:block}.money b{font-size:17px;margin-bottom:5px}.badge{float:right;padding:4px 9px;border-radius:6px;font-size:11px}.badge.neutral{background:#edf1f5;color:#687687}.lines p{display:flex;justify-content:space-between;margin:0;padding:8px 3px;border-bottom:1px solid #edf1f5}.empty-chart{text-align:center}.ring{margin:4px auto 8px;width:90px;height:90px;border:13px solid #e5edf5;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800}.placeholder-bars{height:110px;display:flex;align-items:end;gap:18px;padding:10px 20px;border-bottom:1px solid #dfe6ee}.placeholder-bars i{display:block;flex:1;background:#dbe7f3;border-radius:4px 4px 0 0}.placeholder-bars i:nth-child(1){height:35%}.placeholder-bars i:nth-child(2){height:62%}.placeholder-bars i:nth-child(3){height:50%}.placeholder-bars i:nth-child(4){height:45%}.muted{color:#778496;font-size:12px}.big-number{font-size:52px;font-weight:800;color:#1475e8;text-align:center;margin-top:18px}.alert{padding:9px;background:#f7f9fc;border-radius:7px;margin:7px 0;font-size:12px}.title-row{display:flex;justify-content:space-between;align-items:center}.linkbtn{border:1px solid #d8e3ef;background:#fff;color:#1475e8;border-radius:6px;padding:5px 9px;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #edf1f5;text-align:left;font-size:12px}th{background:#f4f7fa}.status{background:#dff6e7;color:#087b36;padding:3px 8px;border-radius:10px}.mini-list .item{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #edf1f5}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pagehead h2{margin:0}.pagehead p{margin:4px 0;color:#718096}.primary{background:#1475e8;color:#fff;border:0;border-radius:7px;padding:10px 14px;cursor:pointer}.form{padding:14px;margin-bottom:12px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.form label{display:grid;gap:5px;font-weight:600}.form input,.form select{min-width:210px;padding:9px;border:1px solid #ccd7e3;border-radius:7px;background:#fff}.result{padding:10px}.hidden{display:none!important}@media(max-width:1250px){.topbar{flex-wrap:wrap}.arabic{order:3;width:100%}.kpis{grid-template-columns:repeat(3,1fr)}.dash-grid,.dash-grid.lower{grid-template-columns:1fr 1fr}.dash-grid.bottom{grid-template-columns:1fr}.school-head{min-width:0}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.brand{height:auto}.sidebar nav{display:flex;overflow:auto}.nav{min-width:150px}.topbar{min-height:auto}.school-head h1{font-size:19px}.eyebrow{font-size:13px}.arabic strong{font-size:21px}.top-actions{width:100%;justify-content:space-between}.kpis{grid-template-columns:1fr 1fr}.dash-grid,.dash-grid.lower{grid-template-columns:1fr}.money{grid-template-columns:1fr 1fr}.form{flex-direction:column;align-items:stretch}.form input,.form select{width:100%}}@media(max-width:520px){.kpis{grid-template-columns:1fr}.money{grid-template-columns:1fr}.school-logo{display:none}.topbar{padding:10px}.admin span{display:none}}
/* v0.4 — intégration du frontend web + mobile validé */
:root{--nav:#0e2032;--blue:#00853f;--line:#dbe5ef;--bg:#edf3f8}.sidebar{width:212px}.brand{background:#0b2034}.brand-icon{width:48px;height:48px;border:2px solid #fff;border-radius:12px;display:grid;place-items:center}.solux-mark{font-size:29px}.school-logo{width:72px;height:72px;display:grid;place-items:center}.mosque-mark{width:62px;height:62px;border:4px solid #0b963d;color:#0b963d;border-radius:50% 50% 16px 16px;display:grid;place-items:center;font-size:35px;font-weight:900;background:#f7fff9}.digital-lines p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:9px 3px;border-bottom:1px solid #edf1f5}.pay-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:6px;color:#fff;font-style:normal;font-size:10px;font-weight:900;margin-right:7px}.pay-icon.wave{background:#00853f}.pay-icon.om{background:#f58220}.mobile-bottom{display:none}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff35;border-radius:10px}
@media(max-width:820px){body{padding-bottom:68px}.app-shell{display:block}.sidebar{position:fixed;left:-250px;top:0;width:240px;height:100vh;z-index:50;transition:.22s;box-shadow:8px 0 30px #0003}.sidebar.open{left:0}.sidebar nav{display:block;overflow:auto}.nav{min-width:0}.topbar{display:grid;grid-template-columns:40px 58px 1fr;gap:7px;padding:9px 12px}.school-logo{display:grid;width:54px;height:54px}.mosque-mark{width:48px;height:48px;font-size:26px;border-width:3px}.school-head{grid-column:3}.school-head .eyebrow{display:none}.school-head h1{font-size:14px;line-height:1.1;margin:0;color:#063b82}.school-head>b{font-size:10px}.arabic{grid-column:1/-1;order:initial;width:auto;margin:0;padding-top:5px;border-top:1px solid #edf1f5}.arabic strong{font-size:17px}.arabic small{font-size:10px}.top-actions{grid-column:1/-1;width:100%;justify-content:space-between}.admin{padding:6px 9px}.language button{padding:6px 9px}.welcome{padding:10px 12px}.welcome h2{font-size:16px}.welcome span{font-size:11px}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:10px;gap:8px}.kpi i{width:42px;height:42px;font-size:21px}.kpi strong{font-size:20px}.dash-grid,.dash-grid.lower,.dash-grid.bottom{grid-template-columns:1fr}.money{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #dbe4ee;z-index:45;box-shadow:0 -4px 18px #1a2d4015}.mobile-bottom button{border:0;background:#fff;color:#526276;font-size:19px;display:grid;place-items:center;padding:5px}.mobile-bottom button span{font-size:10px}.mobile-bottom button.active{color:#00853f}.panel{border-radius:9px}main{padding:9px}.pagehead{align-items:flex-start}.pagehead h2{font-size:20px}table{min-width:650px}.panel:has(table){overflow:auto}.form{padding:11px}}
@media(max-width:430px){.kpi:nth-child(5){grid-column:1/-1}.money{grid-template-columns:1fr 1fr}.money b{font-size:14px}.topbar{box-shadow:none}.school-head h1{font-size:13px}.arabic small{line-height:1.25}.kpi span{font-size:10px}.dash-grid>.panel{padding:11px}}

.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.homework-cards{display:grid;gap:12px}.homework-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px}.homework-card small{display:block;color:#64748b;margin:5px 0}.homework-card form{display:flex;gap:8px;margin-top:10px}.homework-card input{flex:1}@media(max-width:700px){.portal-grid{grid-template-columns:1fr}.homework-card form{flex-direction:column}}

/* v1.4 sécurité */
.login-screen{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#071b3d,#0b326d);display:grid;place-items:center;padding:20px}.login-screen.hidden{display:none}.login-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 24px 70px #0006;display:grid;gap:14px}.login-card label{display:grid;gap:6px;font-weight:700}.login-card input{padding:12px;border:1px solid #d6deea;border-radius:10px}.login-logo{font-size:30px;font-weight:900;color:#0b326d}.logout-btn{border:0;background:#eef3f9;border-radius:8px;padding:8px;cursor:pointer}.admin{gap:8px}

/* v1.6 — refonte UX inspirée des bonnes pratiques observées sur CILOE SCHOOL, identité SOLUX originale */
:root{--solux-navy:#071b2d;--solux-navy2:#0b2942;--solux-blue:#00853f;--solux-cyan:#16a6e8;--solux-green:#0aa35a;--solux-orange:#f59b23;--solux-red:#ef4055;--solux-purple:#7957d5;--solux-bg:#f3f7fb;--solux-card:#fff;--solux-text:#10233e;--solux-muted:#718096}
body{background:var(--solux-bg);color:var(--solux-text)}.app-shell{grid-template-columns:236px 1fr}.sidebar{width:236px;background:linear-gradient(180deg,var(--solux-navy),#081522 82%);box-shadow:5px 0 24px #071b2d18}.brand{height:88px;background:linear-gradient(135deg,#0b2942,#071b2d);position:sticky;top:0;z-index:2}.brand b{font-size:25px}.brand span{color:#a9bfd2}.nav-section-title{padding:15px 18px 6px;color:#6f8ba2;font-size:9px;font-weight:900;letter-spacing:1.4px}.nav{padding:9px 17px;border-left:3px solid transparent;transition:.15s}.nav:hover{background:#ffffff0c;border-left-color:#36a5ff}.nav.active{background:linear-gradient(90deg,#00853f,#0b65d8);border-left-color:#72c8ff;box-shadow:inset 0 1px #ffffff16,inset 0 -1px #00000014}.topbar{min-height:108px;padding:10px 20px;border-bottom:0;box-shadow:0 4px 20px #0b29420d}.school-head h1{font-size:22px}.eyebrow{font-size:13px;letter-spacing:.2px}.school-head>b{font-size:13px}.arabic strong{font-size:23px}.arabic small{font-size:11px;color:#506176}.workspace main{padding:18px 20px}.panel{border:1px solid #e2eaf2;box-shadow:0 5px 20px #102a4309;border-radius:14px}.dashboard-hero{background:linear-gradient(120deg,#fff 0%,#f8fbff 58%,#edf6ff 100%);border-left:4px solid var(--solux-blue);padding:18px 20px}.hero-kicker{display:block;color:var(--solux-blue);font-size:10px;font-weight:900;letter-spacing:1.5px;margin-bottom:5px}.dashboard-hero h2{font-size:23px}.hero-clock{text-align:right;min-width:155px}.hero-clock small{font-size:9px;font-weight:900;color:#8b99a8;letter-spacing:1px}.hero-clock #clock{font-size:13px;font-weight:700;margin-top:5px}.quick-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.quick{border:1px solid #d8e5f2;background:#fff;color:#245071;border-radius:8px;padding:7px 11px;font-weight:700;cursor:pointer}.quick.primary{background:var(--solux-blue);color:#fff;border-color:var(--solux-blue)}.module-tabs{display:flex;gap:5px;padding:6px;margin:10px 0 13px;overflow:auto}.module-tab{border:0;background:transparent;color:#5c6f83;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.module-tab:hover,.module-tab.active{background:#eaf3ff;color:#00632f}.kpis{gap:12px}.kpi{border:0;box-shadow:0 4px 18px #0b29420b;border-radius:14px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-18px;bottom:-25px;width:70px;height:70px;border-radius:50%;background:currentColor;opacity:.04}.kpi i{border-radius:12px}.kpi strong{font-size:27px}.money>div{border-radius:10px;box-shadow:inset 0 1px #ffffff38}.pagehead{background:#fff;border:1px solid #e2eaf2;border-radius:14px;padding:13px 16px;box-shadow:0 4px 16px #102a4308}.pagehead h2{font-size:21px}.pagehead p{font-size:12px}.primary{background:linear-gradient(135deg,#00853f,#0b65d8);box-shadow:0 4px 10px #00853f2c;font-weight:700}.form input,.form select{border-color:#d7e2ed;background:#fbfdff}.form input:focus,.form select:focus{outline:2px solid #00853f22;border-color:#00853f}th{background:#f3f7fb;color:#496075;font-size:10px;text-transform:uppercase;letter-spacing:.35px}.status{font-weight:700}.mobile-bottom{border-radius:16px 16px 0 0}
@media(max-width:820px){.app-shell{display:block}.sidebar{width:255px}.workspace main{padding:10px}.topbar{background:#fff}.dashboard-hero{display:block}.hero-clock{text-align:left;margin-top:12px}.module-tabs{margin-top:8px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick{font-size:11px}.kpis{gap:8px}.kpi{min-height:72px}.kpi strong{font-size:21px}.pagehead{padding:11px 12px}.nav-section-title{padding-top:13px}}

/* v1.7 Comptabilité & Finances */
.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.finance-kpis article{display:flex;flex-direction:column;gap:8px}.finance-kpis b{font-size:22px;color:#0b3b75}.finance-launcher{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.finance-tile{border:1px solid #dce6f2;background:#fff;border-radius:12px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer}.finance-tile:hover{box-shadow:0 8px 24px #173b6818;transform:translateY(-1px)}.finance-tile b{color:#123d70}.finance-tile span{font-size:12px;color:#66788d}@media(max-width:900px){.finance-kpis,.finance-launcher{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.finance-kpis,.finance-launcher{grid-template-columns:1fr 1fr}.finance-kpis b{font-size:17px}}

/* v1.8 centres fonctionnels inspirés des captures fournies */
.centre-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.centre-cards button{min-height:125px;border:1px solid #dce6f1;border-radius:12px;background:#fff;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:26px;box-shadow:0 4px 14px #0d2c4f12;cursor:pointer}.centre-cards button b{font-size:15px;color:#12365d}.centre-cards button span{font-size:12px;color:#64748b}.centre-cards button:hover{transform:translateY(-2px);border-color:#2d8bd6}.danger{background:#e34b4b;color:white;border:0;border-radius:7px;padding:10px 14px}.centre-view .pagehead{border-bottom:3px solid #24a5c7;padding-bottom:12px}.centre-view .panel h3{color:#174d80}@media(max-width:700px){.centre-cards{grid-template-columns:repeat(2,1fr)}.centre-cards button{min-height:105px;padding:12px}.centre-cards button b{font-size:13px}}

.login-help{font-size:12px;line-height:1.45;background:#f3f7fc;border:1px solid #dce6f3;border-radius:10px;padding:10px;color:#40516b}.login-help code{font-size:11px}
/* v1.9 — portail d'accès franco-arabe */
.access-shell{width:min(980px,100%);display:grid;gap:22px}.access-brand{text-align:center;color:#fff}.access-brand .login-logo{color:#fff;font-size:34px}.access-brand h1{margin:6px 0;font-size:23px}.access-brand p{margin:5px 0;color:#c8d8ea}.access-ar{font:700 25px Tahoma,Arial;color:#fff}.portal-login-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-login-card{border:1px solid #ffffff30;background:#fff;color:#0c2949;border-radius:18px;padding:22px 12px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 18px 45px #0003;transition:.18s}.portal-login-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0005}.portal-login-card i{font-style:normal;font-size:42px}.portal-login-card b{font-size:17px}.portal-login-card span{font:700 18px Tahoma,Arial;color:#00853f}.portal-login-card small{color:#64748b;line-height:1.4}.access-shell .login-card{margin:auto}.back-portals,.forgot{border:0;background:transparent;color:#00853f;cursor:pointer;text-align:left;padding:2px}.portal-login-title{display:flex;align-items:center;gap:12px}.portal-login-title i{font-style:normal;font-size:34px}.portal-login-title h2{margin:0}.portal-login-title span{font:700 18px Tahoma,Arial;color:#00853f}.login-card label>span{float:right;color:#64748b;font:600 13px Tahoma,Arial}.password-wrap{display:grid;grid-template-columns:1fr 44px}.password-wrap input{border-radius:10px 0 0 10px}.password-wrap button{border:1px solid #d6deea;border-left:0;background:#f7f9fc;border-radius:0 10px 10px 0;cursor:pointer}@media(max-width:820px){.portal-login-grid{grid-template-columns:1fr 1fr}.access-brand h1{font-size:18px}.access-ar{font-size:21px}}@media(max-width:480px){.portal-login-grid{grid-template-columns:1fr 1fr;gap:9px}.portal-login-card{min-height:145px;padding:14px 8px}.portal-login-card i{font-size:31px}.portal-login-card b{font-size:14px}.portal-login-card span{font-size:15px}.portal-login-card small{font-size:10px}.login-screen{align-items:start;overflow:auto}.access-shell{padding:15px 0}.access-brand .login-logo{font-size:27px}}
/* v1.10 — reproduction des centres fournis par captures, adaptée SOLUX franco-arabe */
.centre-view{background:#f4f6f8;border-radius:16px;padding:18px}.centre-view .pagehead{background:linear-gradient(135deg,#091d52,#0b2e72);color:#fff;padding:18px 20px;border-radius:14px;margin-bottom:16px}.centre-view .pagehead p{color:#dce7ff}.centre-cards{display:grid!important;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px!important}.capture-tile{min-height:112px;background:#fff!important;border:1px solid #e1e6ee!important;border-radius:7px!important;box-shadow:0 2px 8px rgba(18,39,76,.08)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px!important;color:#17233d!important;cursor:pointer;transition:.15s}.capture-tile:hover{transform:translateY(-2px);border-color:#00632f!important;box-shadow:0 6px 16px rgba(18,39,76,.14)!important}.capture-tile .tile-icon{font-size:30px;line-height:1;margin-bottom:9px}.capture-tile b{font-size:13px;line-height:1.25}.capture-tile small{font-size:10px;color:#7c8799;margin-top:5px}.centre-view#evaluationhub .capture-tile:nth-child(4n+1),.centre-view#evaluationhub .capture-tile:nth-child(4n+2){border-top:3px solid #f39c12!important}.centre-view#pedagogyhub .capture-tile{border-top:3px solid #00853f!important}.centre-view#hrhub .capture-tile{border-top:3px solid #e35d8f!important}.centre-view#techhub .capture-tile{border-top:3px solid #6774d8!important}.centre-view#studentlifehub .capture-tile{border-top:3px solid #26a269!important}@media(max-width:1100px){.centre-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.centre-view{padding:10px}.centre-cards{grid-template-columns:repeat(2,1fr)}.capture-tile{min-height:100px}.centre-view .pagehead{padding:14px}}

.service-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.service-form textarea{min-height:74px}.table-wrap{overflow:auto;margin-top:14px}

/* v1.12 */
.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.solution-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:18px;box-shadow:0 7px 22px #0f27450d}.solution-card .problem{display:inline-block;background:#fff3f3;color:#a53030;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.solution-card h3{margin:13px 0 7px;color:#102a43}.solution-card p{min-height:54px;color:#617184}.solution-card button{border:0;border-radius:9px;padding:9px 12px;background:#e9f2ff;color:#164d8c;font-weight:700;cursor:pointer}.record-list{display:grid;gap:9px}.record-item{border:1px solid #e5eaf2;border-radius:10px;padding:10px}.record-item b{display:block}.record-item small{color:#687789}@media(max-width:980px){.solution-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.solution-grid{grid-template-columns:1fr}.solution-card p{min-height:0}}

/* v1.14 — accès ultra-compact, sans cartes blanches */
.login-screen{padding:10px;background:linear-gradient(135deg,#04162f,#062b5c 55%,#073b45)}
.access-shell{width:min(920px,100%);gap:10px}.access-brand .login-logo{font-size:24px}.access-brand h1{font-size:17px;margin:2px 0}.access-ar{font-size:18px}.access-brand p{font-size:11px;margin:2px 0}
.portal-login-grid{gap:7px}.portal-login-card{min-height:92px;padding:8px 6px;border-radius:11px;background:#061f3dcc;color:#fff;box-shadow:none;border:1px solid #ffffff25;gap:2px}.portal-login-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0004}.portal-login-card i{font-size:24px}.portal-login-card b{font-size:13px}.portal-login-card span{font-size:13px;color:#5eead4}.portal-login-card small{font-size:9px;color:#d5e4f3;line-height:1.2}
.access-shell .login-card{width:min(330px,100%);padding:12px;gap:7px;border-radius:12px;background:#061f3de8;color:#fff;border:1px solid #ffffff25;box-shadow:0 12px 35px #0005}.login-card input{padding:7px 9px;border-radius:7px;background:#ffffff12;color:#fff;border-color:#ffffff30}.login-card label{gap:3px;font-size:11px}.portal-login-title i{font-size:23px}.portal-login-title h2{font-size:15px}.portal-login-title span{font-size:14px;color:#5eead4}.password-wrap{grid-template-columns:1fr 34px}.password-wrap button{background:#ffffff12;color:#fff;border-color:#ffffff30}.back-portals,.forgot{font-size:10px;color:#67e8f9}.login-help{font-size:9px;padding:6px;background:#ffffff10;color:#dcecff;border-color:#ffffff20}.login-card .primary{padding:8px;font-size:11px}
@media(max-width:480px){.access-shell{gap:7px}.portal-login-grid{grid-template-columns:1fr;gap:5px}.portal-login-card{min-height:58px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;justify-items:start;padding:6px 9px}.portal-login-card i{grid-row:1/3;font-size:22px}.portal-login-card b{font-size:12px}.portal-login-card span{position:absolute;right:12px;font-size:12px}.portal-login-card small{font-size:8px}.access-brand .login-logo{font-size:20px}.access-brand h1{font-size:13px}.access-ar{font-size:15px}.login-screen{padding:7px}.access-shell{padding:3px 0}}

/* v1.15 — identité Makarimoul Akhlaq */
:root{--school-green:#08783f;--school-deep:#043b2a;--school-gold:#d5a928;--school-cream:#f5f0df}
.topbar,.sidebar{background:linear-gradient(180deg,var(--school-deep),#062f25)!important}.primary,.nav.active{background:linear-gradient(135deg,var(--school-green),#0b9250)!important}.module-tab.active,.badge.ok{background:var(--school-green)!important}.school-head h1,.access-brand h1{color:var(--school-gold)!important}.portal-login-card{border-color:rgba(213,169,40,.55)!important}.all-modules-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px}.module-launch{min-height:82px;border:1px solid #d8e4dc;border-radius:10px;background:linear-gradient(145deg,#f8fbf9,#edf6f0);padding:9px;text-align:left;cursor:pointer}.module-launch b{display:block;color:var(--school-deep);font-size:12px}.module-launch small{display:block;margin-top:3px;color:#527064;font-size:10px}.module-launch i{font-style:normal;font-size:20px}.compact-form{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.compact-form label{font-size:11px}.compact-form input,.compact-form select,.compact-form textarea{padding:7px;font-size:12px}.compact-form .wide{grid-column:span 2}@media(max-width:900px){.all-modules-grid{grid-template-columns:repeat(2,1fr)}.compact-form{grid-template-columns:1fr 1fr}}@media(max-width:520px){.all-modules-grid{grid-template-columns:1fr 1fr;gap:6px}.module-launch{min-height:70px;padding:7px}.compact-form{grid-template-columns:1fr}.compact-form .wide{grid-column:auto}}

/* v1.16 — charte nationale Sénégal + photos 4x4 */
:root{--sn-green:#00853f;--sn-yellow:#fdef42;--sn-red:#e31b23;--sn-deep:#07502d;--sn-ink:#17352a;--sn-neutral:#f5f7f5}
body{background:linear-gradient(120deg,rgba(0,133,63,.06),rgba(253,239,66,.10) 50%,rgba(227,27,35,.05))}
.sidebar{background:linear-gradient(180deg,#006b36 0%,#00853f 43%,#c8b900 69%,#b3131b 100%)!important}.topbar{background:linear-gradient(100deg,#00763a 0%,#00853f 27%,#f3df22 60%,#e31b23 100%)!important}.topbar,.topbar *{text-shadow:0 1px 1px rgba(0,0,0,.16)}.school-head h1{color:#fff!important}.arabic strong{color:#fff!important}.primary,.nav.active,.quick.primary{background:linear-gradient(100deg,#00853f,#07964a 52%,#e6cf17)!important;color:#fff!important}.module-tab.active{background:linear-gradient(90deg,#00853f,#d8c400)!important}.panel,.solution-card,.capture-tile,.module-launch{border-top:3px solid transparent;border-image:linear-gradient(90deg,#00853f 0 33%,#f3dc1e 33% 66%,#e31b23 66%) 1}.login-screen{background:linear-gradient(135deg,#006b36 0%,#00853f 34%,#e4cf16 66%,#b9121b 100%)!important}.portal-login-card,.access-shell .login-card{background:rgba(6,45,31,.86)!important;border-color:rgba(255,255,255,.3)!important}.centre-view .pagehead{background:linear-gradient(100deg,#00743a,#00853f 40%,#d4bf0f 72%,#bd171e)!important}.kpi.blue,.kpi.green,.kpi.orange,.kpi.red,.kpi.purple{border-top:4px solid var(--sn-green)}
.user-mini-photo{width:34px;height:34px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.25);display:block}.user-mini-photo:not([src]),.user-mini-photo[src=""]{visibility:hidden;width:0;border:0;margin:0}.photo4x4{width:110px;min-width:110px;display:flex;flex-direction:column;gap:4px;align-items:center;align-self:start}.photo4x4 img{width:72px;height:72px;object-fit:cover;border-radius:7px;border:2px solid var(--sn-green);background:linear-gradient(135deg,#edf5f0,#fff9c8)}.photo4x4 img:not([src]),.photo4x4 img[src=""]{background:linear-gradient(135deg,#edf5f0,#fff9c8)}.photo4x4 input[type=file]{width:105px;font-size:8px;padding:3px}.photo4x4 b{font-size:10px}.photo4x4 small{font-size:8px;color:#64748b}
@media(max-width:700px){.topbar{background:linear-gradient(105deg,#00763a,#d7c313 66%,#c31820)!important}.user-mini-photo{width:28px;height:28px}.photo4x4{grid-column:1/-1;width:90px;min-width:90px}.photo4x4 img{width:62px;height:62px}}

/* v1.17 — Paiements Sénégal */
.payment-methods{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:4px}
.pay-choice{position:relative;min-height:78px;border:0;border-radius:18px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:#10251c;background:linear-gradient(125deg,#168342 0%,#f5d322 52%,#d8292f 100%);box-shadow:0 8px 22px rgba(0,0,0,.10);overflow:hidden}
.pay-choice:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.55);border-radius:15px;pointer-events:none}
.pay-choice input{position:absolute;opacity:0;pointer-events:none}.pay-choice span{font-size:25px}.pay-choice b{font-size:12px;letter-spacing:.45px;background:rgba(255,255,255,.82);padding:4px 10px;border-radius:999px}
.pay-choice.active{outline:3px solid #0b6b36;outline-offset:2px;transform:translateY(-1px)}
.payment-extra{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;border-radius:14px;background:linear-gradient(100deg,rgba(22,131,66,.09),rgba(245,211,34,.10),rgba(216,41,47,.08))}
.payment-extra.hidden{display:none!important}.change-box,.pay-warning{align-self:end;min-height:40px;display:flex;align-items:center;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.68);font-size:12px}.change-box b{margin-left:6px;color:#0b6b36}.payment-submit{background:linear-gradient(100deg,#08783a,#f2c916,#c9232b)!important;color:#fff!important;border:0!important;font-weight:800}
@media(max-width:700px){.payment-methods{grid-template-columns:1fr}.pay-choice{min-height:60px;flex-direction:row}.payment-extra{grid-template-columns:1fr}}

/* v1.18 — reçu professionnel vérifiable */
.receipt-preview{margin-top:14px;padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(9,103,54,.2);box-shadow:0 12px 32px rgba(0,0,0,.08);max-width:760px}
.receipt-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#168342,#f5d322,#d8292f) 1;padding-bottom:12px}.receipt-head div{display:flex;flex-direction:column}.receipt-head small{direction:rtl;color:#176b3a}.receipt-grid{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;padding:16px 0}.receipt-grid span{color:#667085}.receipt-seal{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:linear-gradient(100deg,rgba(22,131,66,.08),rgba(245,211,34,.1),rgba(216,41,47,.07));margin-bottom:12px}.receipt-seal b{color:#0b6b36}.receipt-seal small{font-family:monospace;overflow-wrap:anywhere}
@media print{body *{visibility:hidden!important}.receipt-preview,.receipt-preview *{visibility:visible!important}.receipt-preview{position:absolute;inset:0;margin:0;max-width:none;box-shadow:none;border:0}.receipt-preview button{display:none!important}}

/* v1.20 — Connexion : dégradé drapeau du Sénégal */
.login-screen{background:
 radial-gradient(circle at 50% 22%,rgba(255,255,255,.26),transparent 30%),
 linear-gradient(115deg,#00853f 0%,#00853f 28%,#fdef42 49%,#fdef42 57%,#e31b23 78%,#c9101a 100%)!important}
.login-screen:before{content:"★";position:fixed;left:50%;top:8%;transform:translateX(-50%);font-size:46px;color:#00853f;text-shadow:0 2px 8px rgba(255,255,255,.5);opacity:.9;pointer-events:none}
.access-shell{background:rgba(8,35,24,.34)!important;border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 22px 70px rgba(0,0,0,.24)}
.access-brand h1,.access-brand p,.access-ar{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.login-logo{background:linear-gradient(100deg,#00853f,#fdef42,#e31b23)!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important}
.portal-login-card,.login-card{background:rgba(10,35,25,.55)!important;color:#fff!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.portal-login-card b,.portal-login-card span,.portal-login-card small,.login-card label,.portal-login-title h2,.portal-login-title span{color:#fff!important}
.portal-login-card:hover,.portal-login-card:focus{background:rgba(255,255,255,.22)!important;transform:translateY(-2px)}
.login-card input{background:rgba(255,255,255,.94)!important;color:#14231b!important;border:1px solid rgba(255,255,255,.65)!important}
.login-card .primary{background:linear-gradient(100deg,#00853f 0%,#f0ce19 52%,#d71920 100%)!important;color:#fff!important;border:0!important}
.back-portals,.forgot{color:#fff!important}
@media(max-width:700px){.login-screen:before{font-size:34px;top:3%}.access-shell{margin:8px}.portal-login-grid{gap:7px}}

/* v1.25 — zones d'accès totalement transparentes */
.access-shell{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.portal-login-grid{background:transparent!important}
.portal-login-card{background:transparent!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.portal-login-card:hover,.portal-login-card:focus{background:rgba(255,255,255,.10)!important;border-color:#fff!important}
.portal-login-card i{background:transparent!important}
.access-brand{background:transparent!important}
.access-brand p{background:transparent!important}
.login-card{background:transparent!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.38)!important}

.login-server-status{font-size:11px;font-weight:800;margin-top:8px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.18);color:#ffe082}.login-server-status.online{color:#b9ffcf}.login-server-status.offline{color:#ffd0d0}

/* ───── v1.30 : rôles, modal, bulletin, portail enseignant, vérification publique ───── */
.hidden-by-role{display:none!important}
.hidden{display:none!important}
.modal-back{position:fixed;inset:0;z-index:10000;background:rgba(7,27,45,.72);display:grid;place-items:center;padding:16px}
.modal-box{background:#fff;border-radius:14px;max-width:440px;width:100%;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.35);max-height:92vh;overflow:auto}
.modal-box h3{margin:0 0 8px}.modal-box .form{display:grid;gap:10px}.modal-box label{display:grid;gap:4px;font-weight:600}.modal-box input{padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
.modal-err{color:#b91c1c;min-height:1.2em;font-weight:600}
.role-badge{display:inline-block;background:#e0f2fe;color:#075985;padding:2px 8px;border-radius:10px;font-size:.8em;font-weight:600}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:14px 0}
.tp-sum{display:flex;flex-wrap:wrap;gap:12px}.tp-sum>div{background:#f1f5f9;border-radius:10px;padding:8px 14px;text-align:center;font-size:.85em}.tp-sum b{display:block;font-size:1.6em}
.roll,.gradesheet{display:grid;gap:6px;margin:8px 0}.roll .item,.gradesheet .item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px}
.gradesheet input{width:80px}
.bulletin{background:#fff;border:2px solid #0b326d;border-radius:10px;padding:16px;margin:10px 0;max-width:820px}
.bulletin header{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #0b326d;padding-bottom:8px;margin-bottom:8px}
.bulletin table{width:100%;border-collapse:collapse}.bulletin th,.bulletin td{border:1px solid #cbd5e1;padding:6px 8px;text-align:left}
.bulletin .draft{color:#b45309;font-weight:700}
.sec-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:10px;margin:8px 0}.sec-box code{background:#fff;padding:2px 6px;border-radius:6px;font-weight:700}
.panel table{width:100%;border-collapse:collapse}.panel td,.panel th{padding:6px 8px}
@media(max-width:640px){.panel{overflow-x:auto}.bulletin header{flex-direction:column}.tp-grid{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.mobile-bottom,nav,button,.login-screen{display:none!important}.bulletin{border:1px solid #000}}
.verify-wrap{min-height:100vh;display:grid;place-content:center;gap:12px;padding:16px;background:#eef3f8;font-family:Inter,Segoe UI,Arial,sans-serif}
.verify-card{background:#fff;border-radius:14px;padding:24px;max-width:460px;border-top:8px solid #94a3b8;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.verify-card h1{margin:0 0 10px;font-size:1.4em}.verify-card p{margin:6px 0}
.verify-ok{border-top-color:#16a34a}.verify-ok h1{color:#15803d}.verify-bad{border-top-color:#dc2626}.verify-bad h1{color:#b91c1c}.verify-warn{border-top-color:#d97706}.verify-warn h1{color:#b45309}

.welcome-msg{margin:14px auto 0;max-width:640px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:14px 18px;color:#fff;text-align:center;backdrop-filter:blur(4px)}
.welcome-msg h2{margin:0 0 6px;font-size:1.25em}.welcome-msg p{margin:6px 0;line-height:1.5}.welcome-msg .w-ar{font-size:1.1em}.welcome-msg small{opacity:.85;display:block;margin-top:6px}
#welcomePanel textarea{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}

/* ───── v1.37 — Secrétariat (courriers assistés) ───── */
.sec-tabs{display:flex;gap:8px;margin:0 0 10px;flex-wrap:wrap}
.sec-tab{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:600;color:#10233e}
.sec-tab.active{background:var(--solux-blue,#00853f);color:#fff;border-color:var(--solux-blue,#00853f)}
.sec-msg{min-height:20px;margin:4px 0;font-weight:600}
.sec-step{padding:14px;margin-bottom:12px}
.sec-step h3{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.sec-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--solux-blue,#00853f);color:#fff;font-size:14px}
.sec-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sec-chip{border:1px solid var(--line);background:#f5f8fc;border-radius:999px;padding:6px 12px;cursor:pointer}
.sec-chip.active{background:#10233e;color:#fff;border-color:#10233e}
.sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sec-card{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;cursor:pointer}
.sec-card:hover,.sec-card:focus-visible{border-color:var(--solux-blue,#00853f);box-shadow:0 3px 12px #00853f33}
.sec-card b{color:#10233e}.sec-card span{color:#00853f;font-size:14px}.sec-card small{color:#5a6b80}.sec-card em{font-size:12px;color:#b45309;font-style:normal}
.sec-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:10px}
.sec-fields label,#secEditor>label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.sec-fields .wide{grid-column:1/-1}
#secEditor>label{margin-bottom:10px}
#secEditor textarea,#secEditor input,.sec-fields input,.sec-fields select,.sec-fields textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400;padding:8px;border:1px solid #c9d6e4;border-radius:7px}
#secBody,#secBodyAr{line-height:1.5}
.sec-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.sec-actions button{padding:9px 14px;border-radius:7px;border:1px solid #c9d6e4;background:#fff;cursor:pointer}
.sec-actions .primary{background:var(--solux-blue,#00853f);color:#fff;border-color:var(--solux-blue,#00853f)}
.sec-warn{background:#fff7e0;border:1px solid #f1c75b;color:#7a5200;border-radius:8px;padding:8px 10px;margin-bottom:8px}
.sec-warn-i{color:#b00020;font-weight:700}
.sec-facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sec-pill{background:#eaf3ff;border-radius:999px;padding:5px 11px;font-size:13px}
.sec-filter{margin-bottom:8px}
#secPrintArea{display:none}
@media print{
  body.printing-letter *{visibility:hidden!important}
  body.printing-letter #secPrintArea,body.printing-letter #secPrintArea *{visibility:visible!important}
  body.printing-letter #secPrintArea{display:block!important;position:absolute;left:0;top:0;width:100%}
  body.printing-letter .sec-page{page-break-after:always;padding:18mm 20mm;font:12pt/1.5 'Times New Roman',serif;color:#000;box-sizing:border-box;min-height:270mm;position:relative}
  body.printing-letter .sec-page:last-child{page-break-after:auto}
  body.printing-letter .sec-head{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:14px}
  body.printing-letter .sec-head b{display:block;font-size:13pt}
  body.printing-letter .sec-head span,body.printing-letter .sec-head small{display:block;font-size:9.5pt}
  body.printing-letter .sec-meta{display:flex;justify-content:space-between;margin-bottom:12px}
  body.printing-letter .sec-text{white-space:pre-wrap}
  body.printing-letter .sec-foot{position:absolute;left:20mm;right:20mm;bottom:12mm;font-size:8.5pt;border-top:1px solid #555;padding-top:4px;color:#333}
}

/* ───── v1.37 — Guide vocal ───── */
#guideFab{position:fixed;right:16px;bottom:18px;z-index:9000;border:0;border-radius:999px;background:#0aa35a;color:#fff;padding:12px 16px;font-weight:700;font-size:15px;box-shadow:0 6px 18px #0a4d2c55;cursor:pointer}
#guideFab:focus-visible,#guidePanel button:focus-visible{outline:3px solid #f59b23;outline-offset:2px}
#guideBubble{position:fixed;right:16px;bottom:74px;z-index:9001;max-width:min(340px,calc(100vw - 32px));display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#033b22;color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 8px 24px #0006;font-size:14px}
#guideBubble button{border:0;border-radius:7px;padding:6px 10px;cursor:pointer;background:#0aa35a;color:#fff;font-weight:600}
#guideBubble #gbNo{background:#ffffff22}
#guidePanel{position:fixed;right:16px;bottom:74px;z-index:9002;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;background:#fff;border:1px solid #cfdbe8;border-radius:14px;box-shadow:0 12px 36px #0003;padding:12px;font-size:14px;color:#10233e}
.gd-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gd-head b{flex:1}
.gd-head button{border:1px solid #cfdbe8;background:#fff;border-radius:7px;padding:4px 9px;cursor:pointer}
.gd-lang{display:flex;gap:4px}.gd-lang button.on{background:#10233e;color:#fff;border-color:#10233e}
.gd-row{display:flex;flex-direction:column;gap:3px;margin:6px 0;font-weight:600;font-size:13px}
.gd-row select{padding:7px;border:1px solid #c9d6e4;border-radius:7px;font:inherit;font-weight:400}
.gd-card{background:#f2f7fc;border-radius:10px;padding:10px;margin:8px 0;min-height:70px}
.gd-card small{color:#5a6b80;font-weight:700}.gd-card p{margin:6px 0 0;font-size:16px;line-height:1.45}
.gd-ctl{display:flex;gap:6px;flex-wrap:wrap}.gd-ctl button{border:1px solid #cfdbe8;background:#fff;border-radius:8px;padding:9px 11px;cursor:pointer;font-size:15px}
.gd-ctl .gd-main{flex:1;background:#0aa35a;color:#fff;border-color:#0aa35a;font-weight:700}
.gd-opt{margin-top:8px}.gd-opt summary{cursor:pointer;font-weight:600}
.gd-chk{display:flex;gap:6px;align-items:center;margin:6px 0}
.gd-note{color:#7a5200;font-size:12.5px;margin:6px 0 0}
.guide-hl{outline:3px solid #f59b23!important;outline-offset:3px;border-radius:6px;animation:gdPulse 1.4s ease-in-out infinite}
@keyframes gdPulse{50%{outline-color:#ffd37a}}
@media (max-width:760px){#guideFab{bottom:78px}#guideBubble,#guidePanel{bottom:132px}}
@media print{#guideFab,#guideBubble,#guidePanel{display:none!important}}

/* v1.38 — écrans dédiés des tuiles */
#tilescreen .pagehead{display:flex;justify-content:space-between;align-items:center;gap:12px}
#tilescreen .ts-back{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:8px 14px;cursor:pointer}
#tilescreen .ts-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
#tilescreen .ts-bar input,#tilescreen .ts-bar select{flex:1;min-width:160px;padding:9px;border:1px solid #cfd8e3;border-radius:8px}
#tilescreen .ts-bar button{padding:9px 14px;border-radius:8px;border:1px solid #cfd8e3;background:#fff;cursor:pointer}
#tilescreen .ts-bar button.primary{background:#00853f;color:#fff;border-color:#00853f}
#tilescreen table small{color:#5b6b82}
@media(max-width:600px){#tilescreen .finance-kpis{grid-template-columns:1fr 1fr}}
@media print{body *{visibility:hidden}#tilescreen,#tilescreen *{visibility:visible}#tilescreen{position:absolute;left:0;top:0;width:100%}#tilescreen .ts-bar,#tilescreen .ts-back{display:none}}

/* v1.40 — Espace Gestion (écrans de référence) */
#gestion{padding:0}.g-app{display:grid;grid-template-columns:150px 1fr;min-height:78vh;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d5dde8}
.g-side{background:#1b4a86;display:flex;flex-direction:column;gap:2px;padding-top:14px}.g-side button{background:none;border:0;color:#fff;text-align:left;padding:10px 14px;cursor:pointer;font-size:13px}.g-side button:hover{background:#2b5fa5}
.g-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #e3e9f1;font-size:13px}.g-top b{margin-right:auto}.g-top i{font-style:normal;border:1px solid #cfd8e3;padding:2px 8px;background:#f7f9fc}
#gContent{padding:16px 20px}.g-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:3px solid #00853f;margin-bottom:16px;padding-bottom:8px}.g-bar h2{margin:0;font-weight:400;color:#1b3a63}.g-return{background:#d9532c;color:#fff;border:0;border-radius:4px;padding:6px 12px;cursor:pointer}
.g-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.g-tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6ef;border-radius:8px;padding:16px 8px;cursor:pointer;min-height:112px}.g-tile i{font-style:normal;font-size:30px}.g-tile b{font-size:12px;font-weight:600;color:#1b3a63;text-align:center}.g-tile:hover{box-shadow:0 2px 8px #0002}.g-tile.blue{background:#00853f}.g-tile.green{background:#c89d0c}.g-tile.blue b,.g-tile.green b{color:#fff}
.g-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:14px}.g-group{border:1px solid #dfe6ef;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.g-group h4{margin:0;color:#d9532c;font-weight:600}
.g-btn{border:1px solid #bcc9d9;background:#f4f7fb;border-radius:5px;padding:8px 12px;cursor:pointer}.g-btn.teal{background:#00853f;color:#fff;border-color:#00853f}.g-btn.green{background:#c89d0c;color:#fff;border-color:#c89d0c}.g-btn.orange{background:#e31b23;color:#fff;border-color:#e31b23}.g-btn.amber{background:#e0a800;color:#fff;border-color:#e0a800}
.g-tool{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.g-tool input,.g-tool select,.g-sheet input,.g-sheet select,.g-form input,.g-form select{padding:8px;border:1px solid #cfd8e3;border-radius:5px;background:#fff}
.g-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;align-items:end;border:1px solid #e3e9f1;padding:14px;border-radius:8px;margin-bottom:14px}.g-sheet label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#4a5b73}
.g-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;grid-column:1/-1}.g-cols fieldset,.g-sheet fieldset{border:1px solid #dfe6ef;border-radius:8px;display:flex;flex-direction:column;gap:8px}.g-cols legend,.g-sheet legend{color:#d9532c;font-weight:600;padding:0 6px}
.g-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.g-tabs{display:flex;gap:4px;margin-bottom:10px}.g-tabs button{border:1px solid #cfd8e3;background:#f4f7fb;padding:8px 14px;cursor:pointer;border-radius:5px 5px 0 0}.g-tabs button.on{background:#00853f;color:#fff;border-color:#00853f}
.g-id{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}.g-totals{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.g-totals div{border:1px solid #dfe6ef;border-radius:8px;padding:10px 16px;display:flex;flex-direction:column;font-size:12px}.g-totals b{font-size:18px}.bad{color:#c0392b}.ok{color:#1e8449}
.g-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}.g-big{font-size:34px;display:block}.g-photo{width:90px;height:110px;object-fit:cover;border:1px solid #cfd8e3}.g-split{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}@media(max-width:820px){.g-app{grid-template-columns:1fr}.g-side{flex-direction:row;overflow:auto}.g-split{grid-template-columns:1fr}}
.g-modal{position:fixed;inset:0;background:#0007;z-index:9000;display:flex;align-items:center;justify-content:center;padding:14px}.g-modal.hidden{display:none}.g-dialog{background:#fff;border-radius:8px;max-width:900px;width:100%;max-height:92vh;overflow:auto;border:2px solid #00853f}.g-dhead{display:flex;justify-content:space-between;background:#00853f;color:#fff;padding:8px 14px}.g-dhead button{background:none;border:0;color:#fff;cursor:pointer}.g-dbody{padding:14px}
.g-lh{text-align:center;margin-bottom:10px;line-height:1.5}.g-plan td,.g-plan th{padding:3px 4px;text-align:center;font-size:11px}.g-sum{margin-top:10px}.g-right{text-align:right}
.g-diploma{border:10px double #b8892b;padding:8px;background:#fffdf5}.g-dip-in{border:2px solid #b8892b;padding:22px;text-align:center}.g-dip-in h1{font-family:Georgia,serif;border:2px solid #333;display:inline-block;padding:4px 26px;font-size:24px;margin:10px 0}.g-dip-in p{text-align:left;line-height:1.8;font-size:15px}
.g-doc{border:1px solid #cfd8e3;padding:26px;line-height:1.9}.g-card{width:330px;border:2px solid #00853f;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:10px}.g-card-h{background:#00853f;color:#fff;text-align:center;padding:6px;font-size:12px}.g-card-b{display:flex;gap:10px;padding:10px;align-items:center}.g-card-b img,.g-nophoto{width:80px;height:96px;object-fit:cover;border:1px solid #cfd8e3;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px}.g-cards-grid{display:flex;flex-wrap:wrap;gap:10px}
@media print{body *{visibility:hidden}.g-printable,.g-printable *{visibility:visible}.g-printable{position:absolute;left:0;top:0;width:100%}.g-modal{background:none}}

.welcome-top{display:flex;gap:12px;justify-content:center;align-items:baseline;flex-wrap:wrap;margin:0 0 30px;font-size:1.35em;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}.welcome-top span:last-child{font-size:1.15em}

/* v1.62 — écran de connexion toujours au-dessus des fenêtres (mot de passe, guide) et cartes de portail toujours cliquables */
.login-screen{z-index:10001!important;overflow-y:auto}.portal-login-card{position:relative;z-index:1;cursor:pointer;pointer-events:auto}.portal-login-card *{pointer-events:none}

/* v1.63 — écran de connexion : plus aucun fond grisâtre / translucide (logo, message de bienvenue, cartes, survol) */
.login-logo{background:transparent!important;box-shadow:none!important}
.welcome-msg{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.38)!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.portal-login-card:hover,.portal-login-card:focus{background:transparent!important;border-color:#fff!important;box-shadow:0 0 0 1px #fff inset!important}
.login-card,.access-shell,.access-brand,.portal-login-grid{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* v1.63 — priorité renforcée (theme-pro.css est chargé après ce fichier) */
#loginScreen .login-logo,#loginScreen .welcome-msg,#loginScreen .portal-login-card,#loginScreen .login-card,#loginScreen .access-brand,#loginScreen .access-shell,#loginScreen .portal-login-grid{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#loginScreen .login-card input{background:#fff!important}

/* ===== gestion/capture.css ===== */
/* Espace Gestion — habillage fidèle aux captures de référence (barre bleue, tuiles compactes, panneaux « Recherche », gros boutons colorés) */
#gestion .g-app{border-radius:0;grid-template-columns:128px 1fr;min-height:82vh;border:1px solid #cfd6df;background:#fff;position:relative}
#gestion .g-side{background:#00632f;padding-top:22px;gap:0}
#gestion .g-side button{font-size:11.5px;padding:9px 12px;border-left:3px solid transparent;color:#e8eef8}
#gestion .g-side button:first-child{border-left-color:#f6c915;background:#033b22}
#gestion .g-side .g-sms{margin-top:46px;font-size:10.5px;opacity:.9}
#gestion .g-top{border:0;padding:12px 22px 6px;font-size:11px;color:#1f5a3a;gap:14px}
#gestion .g-top .g-logo{font-size:15px;font-weight:700;color:#00853f;letter-spacing:.3px;margin-right:6px}#gestion .g-top .g-logo em{font-style:normal;color:#e8741c}
#gestion .g-top b{margin-right:auto;font-size:11px;color:#0b4a2a}#gestion .g-top i{border-radius:2px;font-size:11px}
#gestion #gContent{padding:8px 24px 40px}
#gestion .g-foot{position:absolute;left:150px;bottom:10px;font-size:10px;color:#6b7a8c}
#gestion .g-bar{border-bottom:0;gap:12px;margin-bottom:10px;padding:0}#gestion .g-bar h2{font-size:17px;font-weight:600;color:#0b4a2a;font-family:'Segoe UI',Arial,sans-serif;text-transform:none}
#gestion .g-return{background:#eceff3;color:#222;border:1px solid #c6ccd4;border-radius:3px;padding:3px 10px;font-size:11px}#gestion .g-return::first-letter{color:#d9322c}
/* accueil : tuiles compactes */
#gestion .g-tiles{grid-template-columns:repeat(auto-fill,96px);gap:12px 16px;justify-content:start;padding:6px 0 0}
#gestion .g-tile{min-height:78px;padding:8px 4px;border-radius:3px;border:1px solid #e1e6ec;gap:4px;box-shadow:0 1px 2px #0001;justify-content:flex-start}
#gestion .g-tile i{font-size:26px}#gestion .g-tile b{font-size:9.5px;font-weight:500;line-height:1.2;color:#0b4a2a}
#gestion .g-tile.blue,#gestion .g-tile.green{box-shadow:0 1px 3px #0003}
/* groupes (Classes et frais, Paramètres, Sécurité) */
#gestion .g-groups{grid-template-columns:repeat(auto-fit,minmax(150px,190px));gap:26px;margin:14px 0}
#gestion .g-group{border:1px solid #dde3ea;border-radius:2px;padding:8px;align-items:stretch;background:#fff;min-height:96px}
#gestion .g-group h4{font-size:10.5px;text-align:center;color:#e8741c;margin:0 0 4px}
#gestion .g-group .g-btn{font-size:10.5px;padding:7px 6px;border-radius:2px;line-height:1.25}
#gestion .g-group .g-btn:not(.teal):not(.green):not(.orange){background:#00853f;color:#fff;border-color:#00853f}
#gestion .g-group .g-btn.alt{background:#c89d0c;border-color:#c89d0c;color:#fff}
/* panneau Recherche + zone droite */
.c-split{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start}
.c-search{background:#fff;border:1px solid #e1e6ec;box-shadow:0 1px 3px #0002;padding:12px;font-size:11px;display:flex;flex-direction:column;gap:7px}
.c-search h4{margin:0;color:#00853f;font-size:15px;font-weight:600}.c-search label{display:flex;flex-direction:column;gap:2px;color:#e8741c;font-size:10.5px}
.c-search input,.c-search select{padding:3px 5px;border:1px solid #cfd8e3;font-size:11px;background:#fff}
.c-search .g-btn{font-size:10.5px;padding:6px;border-radius:2px}
.c-right{display:flex;flex-direction:column;gap:14px;min-width:0}
.c-list{border:1px solid #dde3ea;background:#fff;padding:8px 10px;font-size:11px;min-width:180px;max-height:240px;overflow:auto;box-shadow:0 1px 3px #0002}.c-list h5{margin:0 0 6px;color:#e8741c;font-size:10.5px;text-align:center}
.c-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}
/* gros boutons colorés */
.c-big{display:flex;gap:10px;flex-wrap:wrap}
.c-bt{width:104px;min-height:70px;border:0;border-radius:2px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 5px;cursor:pointer;background:#00853f;box-shadow:0 1px 3px #0003;font-family:inherit}
.c-bt i{font-style:normal;font-size:22px}.c-bt b{font-size:10px;font-weight:600;line-height:1.2}.c-bt small{font-size:9px;opacity:.9}
.c-bt.orange{background:#e31b23}.c-bt.green{background:#c89d0c}.c-bt.teal{background:#00853f}.c-bt.grey{background:#e7eaee;color:#344;}.c-bt.amber{background:#e0a800}.c-bt.white{background:#fff;color:#0b4a2a;border:1px solid #dde3ea}
.c-bt.wide{width:150px;flex-direction:row;justify-content:flex-start;gap:8px;text-align:left}
.c-desc{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#0b4a2a}.c-desc h4{margin:0 0 2px;font-size:14px;font-weight:600;color:#0b4a2a}.c-desc p{margin:0;color:#6b7a8c;font-size:10.5px}
.c-fields{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:10px;color:#e8741c}.c-fields label{display:flex;flex-direction:column;align-items:center;gap:2px}.c-fields input{width:96px;text-align:center;border:1px solid #cfd8e3;padding:2px;font-size:10.5px;color:#222}
.c-note{font-size:10.5px;color:#6b7a8c;border:1px solid #e1e6ec;padding:3px 8px;margin:6px 0;width:fit-content}
.c-section{font-size:13px;font-weight:700;color:#0b4a2a;border-bottom:1px solid #dde3ea;padding-bottom:3px;margin:10px 0 8px;text-transform:uppercase}
.c-param{background:#eaf4e8;border:1px solid #d6e8d2;padding:10px 14px;margin-top:22px;font-size:12px}.c-param b{font-size:14px;color:#0b4a2a;display:block}
/* fenêtres de dialogue façon application de bureau */
#gestion .g-modal{background:#0000002e;align-items:flex-start;justify-content:flex-end;padding:60px 40px}
#gestion .g-dialog{border:1px solid #b9c6d4;border-radius:2px;box-shadow:0 8px 28px #0004;max-width:560px;width:auto;min-width:300px}
#gestion .g-dhead{background:#fff;color:#223;font-size:11px;padding:4px 8px;border-bottom:3px solid #00853f}#gestion .g-dhead button{color:#334}
#gestion .g-dbody{padding:10px;font-size:11px}
@media(max-width:820px){.c-split{grid-template-columns:1fr}#gestion .g-foot{left:10px}}
.c-big:has(.c-desc){display:grid;grid-template-columns:repeat(2,minmax(250px,320px));gap:12px 24px}
#gestion .panel{border:1px solid #dde3ea;border-radius:2px;box-shadow:0 1px 3px #0002;border-top-width:1px}
#gestion .panel::before,#gestion .panel::after{display:none!important}
#gestion .c-row .panel{padding:8px 12px;font-size:11px;min-width:150px}#gestion .c-row .panel h4{font-size:11.5px;color:#e8741c;margin:0 0 6px}#gestion .g-big{font-size:26px}
.c-win-layout{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.c-win-layout .g-groups{margin-top:6px}
.c-win{width:340px;border:1px solid #b9c6d4;background:#fff;box-shadow:0 8px 24px #0003;font-size:11px}.c-win.hidden{display:none}
.c-win-h{display:flex;justify-content:space-between;align-items:center;background:#f4f7fa;border-bottom:3px solid #00853f;padding:4px 8px;color:#223;font-size:11px}.c-win-h button{border:0;background:none;cursor:pointer;color:#334}
.c-win-b{padding:10px}.c-win-year{text-align:center;color:#e8741c;margin-bottom:8px}.c-win-year b{color:#0b4a2a;border:1px solid #dde3ea;padding:1px 10px;margin-left:6px}
.c-win-t{background:#00853f;color:#fff;text-align:center;padding:3px;font-size:11px;margin-bottom:6px}.c-win-f{display:flex;justify-content:flex-end;margin-top:10px}
.c-win table{font-size:10.5px}.c-win .g-form{flex-direction:column}.c-win .g-form input,.c-win .g-form select{font-size:11px;padding:4px 6px}
@media(max-width:900px){.c-win-layout{grid-template-columns:1fr}.c-win{width:auto}}
.c-win-layout .g-groups{grid-template-columns:repeat(3,150px);gap:14px}.c-win{width:300px}
@media(max-width:1200px){.c-win-layout .g-groups{grid-template-columns:repeat(auto-fit,150px)}}
#gestion .c-win-layout .g-groups{grid-template-columns:repeat(3,140px);gap:14px}
/* formulaires compacts */
#gestion .g-cols{gap:16px}#gestion .g-cols fieldset,#gestion .g-sheet fieldset{gap:5px;padding:8px 12px;border-radius:2px;background:#fff}
#gestion .g-cols label,#gestion .g-sheet label{font-size:10.5px;color:#e8741c;gap:1px;display:grid;grid-template-columns:110px 1fr;align-items:center}
#gestion .g-cols input,#gestion .g-cols select,#gestion .g-sheet input,#gestion .g-sheet select,#gestion .g-form input,#gestion .g-form select{padding:3px 6px;font-size:11px;border-radius:2px;min-height:24px}
#gestion .g-cols legend{font-size:11px;color:#00853f;font-weight:700}
#gestion .g-tool .g-btn,#gestion .g-form .primary,#gestion .g-btn{font-size:11px;padding:5px 10px;border-radius:2px}
#gestion .g-tabs button{font-size:11px;padding:5px 12px;border-radius:2px 2px 0 0}
#gestion table{font-size:11px}#gestion th{font-size:10px;background:#eef3f8;color:#0b4a2a}#gestion td{padding:5px 8px}
#gestion .panel.form,#gestion .panel{padding:10px}
/* ===== Saisie des notes ===== */
.c-empty{border:1px dashed #cfd8e3;padding:30px;text-align:center;color:#6b7a8c;font-size:12px;background:#fafcfe}.c-empty b{display:block;color:#0b4a2a;font-size:14px;margin-bottom:4px}
.c-grid-head{display:flex;gap:18px;align-items:center;background:#00853f;color:#fff;padding:5px 10px;font-size:11.5px}.c-grid-head b{margin-right:auto;font-size:12.5px}
#gestion .c-grid input{width:84px;text-align:center;padding:3px;border:1px solid #cfd8e3;border-radius:2px}#gestion .c-grid input.bad{border-color:#c0392b;background:#fdecea}
#gestion .c-grid td{padding:3px 8px}#gestion .c-grid tbody tr:nth-child(even){background:#f7fafd}#gestion .c-grid td:first-child{color:#8a97a8;width:34px}
.c-stats{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:11px}.c-stats span{border:1px solid #dde3ea;background:#fff;padding:5px 12px;display:flex;flex-direction:column;color:#6b7a8c}.c-stats b{font-size:16px;color:#0b4a2a}
.c-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;align-items:center}
.ok{color:#1e8449;font-weight:600}.bad{color:#c0392b;font-weight:600}
/* ===== Diplôme ===== */
.dip{background:#fff;padding:0;margin:6px 0 20px;max-width:880px}.dip-frame{border:7px double #b8892b;padding:7px;background:#fffdf7}.dip-in{border:1.5px solid #b8892b;padding:20px 32px 22px;min-height:470px;display:flex;flex-direction:column;font-family:Georgia,'Times New Roman',serif;color:#2b2b2b}
.dip-head{display:grid;grid-template-columns:1fr 84px 1fr;gap:12px;align-items:start;font-size:10.5px;line-height:1.45;text-transform:uppercase;text-align:center}.dip-head small{text-transform:none;font-style:italic;font-size:9.5px}.dip-r{text-transform:none}.dip-r b{text-transform:uppercase}
.dip-logo{width:62px;height:62px;border:3px solid #0f4a37;color:#0f4a37;border-radius:50% 50% 14px 14px;display:grid;place-items:center;font-size:34px;margin:0 auto}
.dip-title{align-self:center;border:2px solid #333;padding:5px 34px;font-size:27px;font-weight:400;margin:22px 0 20px;letter-spacing:.5px}
.dip-text{font-size:16px;line-height:2;text-align:justify;margin:0 8px}.dip-name{font-size:18px;text-transform:uppercase}
.dip-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:20px}.dip-sign{text-align:center;min-width:240px;font-size:13px}.dip-sign p{margin:0 0 4px;text-align:left}.dip-line{border-bottom:1px solid #666;height:44px}.dip-sign span{font-weight:700}
@media print{.dip{max-width:none;margin:0}.dip-in{min-height:170mm}}
/* ===== Certificat ===== */
.c-cert{align-items:flex-start;gap:26px}.c-pick{width:340px}.c-pick-h{display:flex;gap:6px;margin-bottom:6px}.c-pick-h select,.c-pick-h input{flex:1;min-width:0}
.c-pick-l{border:1px solid #cfd8e3;background:#fff;max-height:300px;overflow:auto}.c-pick-l.tall{max-height:430px}
.c-pick-l table{width:100%;border-collapse:collapse}.c-pick-l tr{cursor:pointer}.c-pick-l tr:hover td{background:#eef6fb}.c-pick-l tr.on td{background:#16232f;color:#fff}
.c-sg{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:#e8741c;margin-top:8px}.c-stack .c-big{flex-direction:column}.c-stack .c-bt.wide{width:230px;min-height:46px}
/* ===== Carte scolaire ===== */
.c-card-layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:26px;align-items:start}.c-card-view{display:flex;flex-direction:column;align-items:flex-start}
.idc{width:348px;border:2px solid #14614a;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #0002;font-family:'Segoe UI',Arial,sans-serif}
.idc-h{display:flex;gap:8px;align-items:center;background:#14614a;color:#fff;padding:7px 10px}.idc-h small{display:block;font-size:7px;letter-spacing:.3px;opacity:.85}.idc-h b{font-size:11px;line-height:1.2}.idc-logo{width:34px;height:34px;border:2px solid #c9a24a;color:#c9a24a;border-radius:50% 50% 8px 8px;display:grid;place-items:center;font-size:18px;flex:none}
.idc-t{background:#c9a24a;color:#fff;text-align:center;font-size:10px;letter-spacing:1.5px;padding:2px;font-weight:700}
.idc-b{display:flex;gap:12px;padding:10px 12px}.idc-b img,.idc-b .g-nophoto{width:84px;height:104px;object-fit:cover;border:1px solid #b9c6d4;flex:none}.idc-d{flex:1;font-size:11px}.idc-n{display:block;font-size:13px;color:#14614a;text-transform:uppercase;margin-bottom:6px}
.idc-d dl{display:grid;grid-template-columns:62px 1fr;gap:2px 6px;margin:0}.idc-d dt{color:#6b7a8c;font-size:10px}.idc-d dd{margin:0;font-weight:600}
.idc-f{background:#eef3f0;font-size:8px;text-align:center;padding:4px 8px;color:#456}
@media print{.g-cards-grid .g-printable{position:static;width:auto;break-inside:avoid}.g-cards-grid{display:flex;flex-wrap:wrap;gap:6mm}}
@media(max-width:900px){.c-card-layout{grid-template-columns:1fr}.c-pick{width:100%}}
/* ===== Paiements / Changement de classe ===== */
.c-ident{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dde3ea;background:#fff;margin-bottom:10px}.c-ident span{padding:6px 10px;font-size:10px;color:#e8741c;border-right:1px solid #eef1f4;display:flex;flex-direction:column}.c-ident span:last-child{border:0}.c-ident b{font-size:12.5px;color:#0b4a2a;font-weight:600}
.c-totals{display:flex;gap:10px;justify-content:flex-end;margin:12px 0}.c-totals div{border:1px solid #dde3ea;background:#fff;padding:6px 14px;min-width:130px;display:flex;flex-direction:column;font-size:10px;color:#6b7a8c}.c-totals b{font-size:15px;color:#0b4a2a}.c-totals .c-rest{border-color:#e8741c}
.c-card-box{border:1px solid #dde3ea;background:#fff;padding:12px 14px;box-shadow:0 1px 3px #0001}.c-ico{width:44px;height:44px;border-radius:3px;display:grid;place-items:center;font-size:22px;color:#fff;flex:none}.c-ico.teal{background:#00853f}.c-ico.orange{background:#e31b23}
.c-inline{display:flex;gap:12px;align-items:flex-end;margin-top:10px}.c-inline label{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:#e8741c}
@media(max-width:900px){.c-ident{grid-template-columns:1fr 1fr}}

/* ===== theme-pro.css ===== */
/* SOLUX — thème professionnel sobre (remplace les dégradés vert-jaune-rouge saturés). Chargé en dernier. */
:root{--pro-green:#0f4a37;--pro-green-2:#14614a;--pro-deep:#0a2f24;--pro-gold:#c9a24a;--pro-bg:#f3f5f7;--pro-line:#dfe5ea;--pro-ink:#1d2f3a}
body{background:var(--pro-bg)!important;color:var(--pro-ink)}
/* Bannière */
.topbar{background:var(--pro-green)!important;min-height:76px!important;padding:8px 20px!important;gap:16px!important;flex-wrap:nowrap!important;border-bottom:3px solid var(--pro-gold)!important;box-shadow:0 2px 10px #0a2f2433!important}
.topbar,.topbar *{text-shadow:none!important}
.topbar .hamb{background:#ffffff14;border:1px solid #ffffff30;color:#fff;border-radius:6px}
.school-logo{width:50px!important;height:50px!important}
.mosque-mark{width:46px!important;height:46px!important;font-size:24px!important;border:2px solid var(--pro-gold)!important;color:var(--pro-gold)!important;background:#ffffff0d!important}
.school-head{min-width:0!important;flex:1}
.school-head .eyebrow{color:var(--pro-gold)!important;font-size:10.5px!important;letter-spacing:1.2px;font-weight:600!important;margin:0}
.school-head h1{font-size:19px!important;color:#fff!important;margin:1px 0!important;font-weight:600;letter-spacing:.2px}
.school-head>b{font-size:10.5px!important;color:#cfe3da!important;font-weight:500;letter-spacing:.8px}
.topbar .arabic{text-align:center;color:#e6efe9;max-width:300px}
.topbar .arabic strong{font-size:16px!important;color:#fff!important;font-weight:600}
.topbar .arabic small{display:block;font-size:9.5px!important;color:#b9d0c5!important;line-height:1.35;margin-top:2px}
.top-actions .language{background:#ffffff12!important;border:1px solid #ffffff30!important;border-radius:6px}
.top-actions .language button{color:#e6efe9!important;background:none!important;font-size:12px}
.top-actions .language .sel{background:#fff!important;color:var(--pro-green)!important;border-radius:5px}
.top-actions .admin{background:#ffffff12!important;border:1px solid #ffffff30!important;color:#fff!important;box-shadow:none!important}
.top-actions .admin *{color:#fff!important}.top-actions .admin small{background:none!important;color:#b9d0c5!important}
.top-actions .logout-btn{background:#ffffff1f!important;border:1px solid #ffffff40!important;border-radius:6px}
/* Menu latéral */
.sidebar{background:var(--pro-deep)!important;box-shadow:none!important}
.brand{background:#08261d!important;border-bottom:1px solid #ffffff12}
.brand b{font-size:14px!important;letter-spacing:.4px}
.nav-section-title{color:#7fa595!important;letter-spacing:1.4px}
.nav{color:#d5e4dc!important;border-left:3px solid transparent}.nav:hover{background:#ffffff10!important}
.nav.active{background:#14614a!important;border-left-color:var(--pro-gold)!important;color:#fff!important;box-shadow:none!important}
/* Cartes, boutons, onglets */
.panel,.solution-card,.capture-tile,.module-launch{border:1px solid var(--pro-line)!important;border-image:none!important;border-radius:8px!important;box-shadow:0 1px 3px #1d2f3a10!important}
.primary,.quick.primary,.payment-submit{background:var(--pro-green-2)!important;border:0!important;color:#fff!important;box-shadow:none!important;font-weight:600!important}
.primary:hover{background:var(--pro-green)!important}
.module-tab.active{background:var(--pro-green-2)!important;color:#fff!important}
.centre-view .pagehead{background:var(--pro-green)!important;border-left:4px solid var(--pro-gold);border-radius:8px!important}
.pay-choice{background:#fff!important;color:var(--pro-ink)!important;border:1px solid var(--pro-line)!important;box-shadow:none!important;border-radius:10px!important}
.pay-choice.active{border-color:var(--pro-green-2)!important;box-shadow:0 0 0 2px #14614a33!important}
.payment-extra,.receipt-seal{background:#f6f8f9!important}.receipt-head{border-image:none!important;border-bottom:2px solid var(--pro-gold)!important}
.login-screen{background:linear-gradient(135deg,#0a2f24,#14614a)!important}
.login-logo{background:transparent!important;border:1px solid var(--pro-gold)!important}
.dashboard-hero{background:#fff!important;border-left:4px solid var(--pro-gold)!important}
@media(max-width:1100px){.topbar .arabic small{display:none}.topbar{flex-wrap:wrap!important}}
@media(max-width:700px){.topbar{background:var(--pro-green)!important}}
.school-head{flex:1 1 420px!important}.school-head h1{font-size:17px!important;white-space:nowrap}
.topbar .arabic{flex:0 1 270px}
@media(max-width:1250px){.school-head h1{white-space:normal}}
.school-head h1{white-space:normal}
@media(max-width:1600px){.topbar .arabic small{display:none}.topbar .arabic strong{font-size:14px!important}}

/* ===== print-officiel.css ===== */
/* v1.45 — Documents officiels : en-tête, titres, tableaux, signatures (écran + impression A4) */
.of-doc{background:#fff;color:#000;font-family:'Times New Roman',Georgia,serif;font-size:11pt;line-height:1.35;border:1px solid #cfd8e3;padding:12mm 12mm 10mm;margin:8px 0 18px;max-width:210mm;box-sizing:border-box}
.of-doc.of-land{max-width:297mm}
.of-head{display:grid;grid-template-columns:1fr 72px 1fr;gap:10px;align-items:start;text-align:center;font-size:9.5pt;line-height:1.35}
.of-head b{display:block;font-size:10.5pt;text-transform:uppercase}.of-head i{display:block;font-size:8.5pt;margin-bottom:3px}.of-head span{display:block}
.of-head .of-r b{font-size:11pt}.of-head .of-r span[dir=rtl]{font-size:12pt;font-weight:700}
.of-logo{width:58px;height:58px;border:3px solid #0f4a37;color:#0f4a37;border-radius:50% 50% 12px 12px;display:grid;place-items:center;font-size:30px;margin:0 auto}
.of-sub{text-align:center;font-size:8.5pt;border-top:1.5px solid #000;border-bottom:.5px solid #000;margin:8px 0 10px;padding:3px 0}
.of-title{text-align:center;margin:10px 0 12px}.of-title b{display:inline-block;border:2px solid #000;padding:4px 26px;font-size:15pt;letter-spacing:.5px;text-transform:uppercase}.of-title span{display:block;font-size:13pt;font-weight:700;margin-top:3px}
.of-info{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #000;margin-bottom:10px;font-size:10pt}.of-info div{padding:3px 8px;border-right:1px solid #000;border-bottom:1px solid #000}.of-info div:nth-child(3n){border-right:0}.of-info small{display:block;font-size:7.5pt;text-transform:uppercase;color:#333}.of-info b{font-size:10.5pt}.of-info .w2{grid-column:span 2}.of-info .w3{grid-column:span 3;border-right:0}
.of-tab{width:100%;border-collapse:collapse;font-size:10pt}.of-tab th,.of-tab td{border:1px solid #000;padding:3px 6px;text-align:center}.of-tab th{background:#e9e9e9;font-size:9pt;text-transform:uppercase}.of-tab td.l{text-align:left}.of-tab td.r{text-align:right}.of-tab tfoot td{font-weight:700;background:#f3f3f3}
.of-res{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid #000;margin:10px 0;text-align:center}.of-res div{padding:5px;border-right:1px solid #000}.of-res div:last-child{border:0}.of-res small{display:block;font-size:7.5pt;text-transform:uppercase}.of-res b{font-size:13pt}
.of-obs{border:1px solid #000;padding:6px 8px;min-height:16mm;font-size:10pt;margin-bottom:6px}.of-obs small{display:block;font-size:7.5pt;text-transform:uppercase;color:#333}
.of-sign{display:grid;grid-template-columns:1fr 120px 1fr;gap:14px;align-items:end;text-align:center;margin-top:12px;font-size:10pt}.of-sign p{margin:0 0 2px}.of-line{border-bottom:1px solid #000;height:20mm}.of-stamp{border:1px dashed #777;border-radius:50%;width:26mm;height:26mm;margin:auto;display:grid;place-items:center;font-size:7pt;color:#777}
.of-foot{font-size:7.5pt;color:#333;border-top:.5px solid #555;margin-top:10px;padding-top:3px;text-align:center}.of-draft{color:#b00;font-weight:700;text-align:center;border:1px dashed #b00;margin:4px 0}
.of-actions{display:flex;gap:8px;margin:8px 0}
@media print{
  .of-doc{border:0;margin:0;padding:0;max-width:none;width:100%}
  .of-tab tr{page-break-inside:avoid}.of-tab thead{display:table-header-group}
  .of-actions,.of-tmp-hide{display:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.of-head span b{display:inline;font-size:inherit;text-transform:none}
.of-info div:nth-last-child(-n+1){border-bottom:0}

/* ===== v1.45b Diplôme d'honneur — modèle : cadre doré à coins ornés, en-tête ministère / pays ===== */
.dpl{position:relative;width:1060px;height:730px;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;margin:6px 0 16px;overflow:hidden;border:1px solid #e3e3e3}
.dpl .ln{position:absolute;background:linear-gradient(90deg,#b8892b,#f0d98a,#b8892b);border-radius:2px}
.dpl .ln.h{height:3px;left:96px;right:96px}.dpl .ln.v{width:3px;top:96px;bottom:96px}
.dpl .ln.t{top:14px}.dpl .ln.b{bottom:14px}.dpl .ln.l{left:14px}.dpl .ln.r{right:14px}
.dpl .ln.h::after{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:#d8b45a}.dpl .ln.v::after{content:"";position:absolute;top:0;bottom:0;left:6px;width:1px;background:#d8b45a}
.dpl .cn{position:absolute;width:118px;height:118px}.dpl .cn.tl{top:4px;left:4px}.dpl .cn.tr{top:4px;right:4px;transform:scaleX(-1)}.dpl .cn.bl{bottom:4px;left:4px;transform:scaleY(-1)}.dpl .cn.br{bottom:4px;right:4px;transform:scale(-1,-1)}
.dpl-in{position:absolute;inset:38px 58px 36px 58px;display:flex;flex-direction:column}
.dpl-head{display:grid;grid-template-columns:1fr 150px 1fr;align-items:start;gap:10px}
.dpl-l{font-size:13px;font-weight:700;line-height:1.55;text-transform:uppercase}.dpl-l u{text-decoration:underline dotted}
.dpl-logo{width:78px;height:78px;margin:0 auto;border-radius:10px;background:linear-gradient(135deg,#ff9a1f,#f26a00);color:#fff;display:grid;place-items:center;font-size:44px;box-shadow:0 1px 3px #0003}
.dpl-logo-t{text-align:center;font-size:9px;font-weight:700;line-height:1.1;margin-top:3px}
.dpl-r{text-align:center;font-size:14px;font-weight:700;line-height:1.55}.dpl-r span{display:block;font-weight:400}.dpl-r span b{font-weight:700}
.dpl-title{align-self:center;margin:26px 0 22px;border:3px double #111;padding:6px 44px;font:italic 400 32px/1.1 'Monotype Corsiva','Lucida Calligraphy','Palatino Linotype',Georgia,serif;background:#fff}
.dpl-text{font-size:16px;line-height:2.5;margin:0 6px;text-align:left}.dpl-text b{font-weight:700}
.dpl-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}
.dpl-sign{text-align:center;font-size:15px;min-width:380px;margin-right:30px}.dpl-sign p{margin:0 0 6px}.dpl-sign .sp{height:58px}
@media screen{.dpl{zoom:.8}}
@media print{.dpl{border:0;margin:0;zoom:1}}

/* ===== v1.45b Carte scolaire — modèle : bande rouge, en-tête jaune pâle, photo à gauche, cachet vert ===== */
.cs{width:85.6mm;height:54mm;box-sizing:border-box;background:#fff;border:.2mm solid #bbb;border-radius:2.5mm;overflow:hidden;position:relative;font-family:Arial,Helvetica,sans-serif;color:#111;display:flex;flex-direction:column}
.cs-top{height:1.2mm;background:#d62828;flex:none}
.cs-h{display:grid;grid-template-columns:1fr 14mm;gap:1mm;padding:1mm 2mm 0;background:linear-gradient(#fff6c8,#fffdf0);flex:none}
.cs-h p{margin:0;font-size:4.6pt;line-height:1.25;text-align:center;font-weight:700}.cs-h p small{display:block;font-weight:400;font-size:4.2pt}
.cs-ti{margin:.8mm 0 0;border:.3mm solid #2e9e5b;background:#f1fff6;color:#14783e;text-align:center;font-weight:700;font-size:5.6pt;padding:.5mm 0;letter-spacing:.2mm}
.cs-logo{grid-row:span 2;text-align:center;font-size:3.6pt;font-weight:700;line-height:1.1}.cs-logo i{display:grid;place-items:center;width:9mm;height:9mm;margin:0 auto .3mm;border-radius:1.4mm;background:linear-gradient(135deg,#ff9a1f,#f26a00);color:#fff;font-size:15pt;font-style:normal}
.cs-b{display:grid;grid-template-columns:22mm 1fr 15mm;gap:2mm;padding:1.4mm 2mm 0;flex:1;min-height:0}
.cs-ph{text-align:center;font-size:5pt;font-weight:700}.cs-ph img,.cs-ph .np{width:21mm;height:25.5mm;object-fit:cover;background:#e4e4e4;border:.2mm solid #999;display:grid;place-items:center;font-size:5pt;color:#777;font-weight:400}
.cs-d{font-size:5.4pt;line-height:1;display:flex;flex-direction:column;justify-content:space-between;padding:.4mm 0}.cs-d div{display:flex;gap:1mm;border-bottom:.1mm dotted #bbb;padding-bottom:.3mm}.cs-d span{color:#555;min-width:12mm;text-transform:uppercase;font-size:4.6pt;padding-top:.2mm}.cs-d b{font-weight:700;text-transform:uppercase}
.cs-st{text-align:center;font-size:3.8pt;color:#14783e;font-weight:700;line-height:1.1}.cs-st svg{width:13mm;height:13mm;display:block;margin:2mm auto 0}
.cs-f{border-top:.5mm solid #2ec45f;background:#d8f5e2;text-align:center;font-size:6pt;font-weight:700;padding:.9mm 1mm;flex:none;text-transform:uppercase}
.cs-ph img,.cs-ph .np{height:22.2mm!important}.cs-ph>div:last-child{display:none}.cs-pt{position:absolute;left:1.5mm;bottom:5.4mm;width:22mm;text-align:center;font-size:3.4pt;font-weight:700;line-height:1}.cs-pt .of-qr-mini{width:10mm;height:10mm;margin:0 auto}.cs-pt span{display:block;font-size:4.2pt;margin-top:.2mm}.cs-pt .of-qr-mini svg{width:100%;height:100%}
.c-card-view .cs{zoom:1.7}
@media print{.c-card-view .cs{zoom:1}.cs{border-color:#888}}

/* Autres états imprimables (liste, relevé, moyennes, fin d'année, salaires) */
.of-h3{text-align:center;margin:8px auto 10px;border:2px solid #000;display:table;padding:4px 22px;font-size:13pt;text-transform:uppercase;letter-spacing:.4px}
.of-doc .table-wrap{overflow:visible}.of-doc table{width:100%;border-collapse:collapse}.of-doc table th,.of-doc table td{border:1px solid #000;padding:3px 6px;font-size:10pt;color:#000}.of-doc table th{background:#e9e9e9;text-transform:uppercase;font-size:9pt}

/* Reçu de paiement officiel */
.receipt-preview.of-doc{border-radius:0;box-shadow:none;max-width:210mm;padding:10mm;border:1px solid #cfd8e3}.receipt-preview.of-doc .of-sign .of-line{height:14mm}.receipt-preview.of-doc .receipt-seal{margin:10px 0 8px;border:1px solid #888;border-radius:0;background:#f6faf7}
@media print{.receipt-preview.of-doc{padding:0;border:0}}
.of-head b,.of-head span,.of-head i{unicode-bidi:plaintext}

/* v1.52 — QR de vérification */
.of-qr{display:flex;gap:8px;align-items:center;margin-top:8px;break-inside:avoid;font-size:10px;color:#222}
.of-qr-img{width:74px;height:74px;flex:none;background:#fff}.of-qr-img svg,.of-qr-mini svg{width:100%;height:100%;display:block}
.of-qr-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.of-qr-txt code{word-break:break-all;font-size:9px}
.of-qr-warn{color:#c62828;font-style:normal}@media print{.of-qr-warn{display:none}}
.of-qr-mini{width:56px;height:56px;background:#fff}
.sec-foot .of-qr{margin:0 0 4px}.sec-foot .of-qr-img{width:17mm;height:17mm}.sec-foot .of-qr-txt{font-size:7pt}
.dpl-qr{position:absolute;left:126px;bottom:26px;width:300px;z-index:3}.dpl-qr .of-qr-img{width:64px;height:64px}
.cs{position:relative}.cs-qr{position:absolute;right:8px;bottom:24px;width:50px;text-align:center;font-size:6px;line-height:1.1}.cs-qr .of-qr-mini{width:50px;height:50px}

/* v2.0.45 — Carte scolaire au format badge (en-tête coloré, deux lignes, code-barres, photo ronde) */
.cs2{background:#f3f4f4;border-radius:3.5mm;border:.2mm solid #cfd3d1}
.cs2-h{display:flex;align-items:center;gap:2.4mm;height:12mm;padding:0 3mm;background:linear-gradient(110deg,#00632f 60%,#00853f);color:#fff;flex:none}
.cs2-h i{display:grid;place-items:center;font-style:normal;width:8mm;height:8mm;background:#fff;color:#00632f;font-size:6mm;border-radius:1mm}
.cs2-h b{display:block;font-size:7.6pt;letter-spacing:.2mm}.cs2-h small{display:block;font-size:4.6pt;opacity:.9}
.cs2-b{display:flex;gap:2mm;padding:2.2mm 3mm 0;flex:1;min-height:0}
.cs2-l{flex:1;display:flex;flex-direction:column;gap:1.6mm;min-width:0}
.cs2-pill{background:#d4d6d6;border-radius:3mm;padding:.9mm 2.4mm;line-height:1.1}.cs2-pill span{display:block;font-size:3.6pt;color:#555}.cs2-pill b{display:block;font-size:6pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs2-bc{margin-top:auto;margin-bottom:1mm}.cs2-bc svg{display:block;width:100%;height:8.5mm}.cs2-bc span{display:block;font-size:4.6pt;letter-spacing:.3mm;margin-top:.3mm}
.cs2-ph{flex:none;width:21mm;height:21mm;border-radius:50%;overflow:hidden;background:#e4e4e4;margin-top:1mm;border:.4mm solid #fff;box-shadow:0 0 0 .3mm #cfd3d1}
.cs2-ph img{width:100%;height:100%;object-fit:cover}.cs2-ph .np{display:grid;place-items:center;height:100%;font-size:5pt;color:#777}
.cs2-f{flex:none;text-align:center;font-size:5pt;font-weight:700;color:#00502b;padding:.8mm 1mm;border-top:.3mm solid #00853f;text-transform:uppercase}
.cs2 .cs-qr{right:3mm;bottom:5.8mm;width:11mm}.cs2 .cs-qr .of-qr-mini{width:11mm;height:11mm}.cs2 .cs-qr span{display:none}

/* ===== v2.0.53 — Impressions professionnelles : en-tête enrichi, pied de page, tableaux, pagination ===== */
.of-head{grid-template-columns:1fr 84px 1fr;padding-bottom:4px}
.of-logo-w{display:flex;justify-content:center;align-items:flex-start}
.of-logo-img{width:74px;height:74px;object-fit:contain;display:block;margin:0 auto}
.of-head .of-l,.of-head .of-r{line-height:1.4}
.of-devise{text-align:center;font-style:italic;font-size:9pt;color:#0f4a37;margin:2px 0 0}
.of-sub{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;border-top:2px solid #0f4a37;border-bottom:.6px solid #0f4a37;padding:4px 6px;margin:8px 0 12px;font-size:8.5pt;color:#111;background:#f6faf7}
.of-sub span{white-space:nowrap}
.of-doc .of-h3,.of-title b{border-color:#0f4a37;color:#0f4a37}
.of-doc table tbody tr:nth-child(even) td{background:#f7f7f7}
.of-autofoot{display:none}
.of-auto .g-bar{display:block;border:0;background:none;margin:0 0 8px;padding:0}
.of-auto .g-bar h2{font-size:14pt;text-align:center;text-transform:uppercase;border:2px solid #0f4a37;color:#0f4a37;display:table;margin:6px auto 10px;padding:4px 22px}
.of-auto .g-bar small{display:block;text-align:center}
@media print{
  @page{margin:10mm;@bottom-right{content:"Page " counter(page) " / " counter(pages);font:7.5pt Arial,sans-serif;color:#555}}
  .of-pro{padding-bottom:14mm!important;box-sizing:border-box;font-size:10.5pt}
  .of-pro .of-autofoot{display:flex;justify-content:space-between;gap:10px;position:fixed;left:0;right:0;bottom:0;border-top:.6px solid #0f4a37;padding-top:2px;font-size:7pt;color:#333;background:#fff}
  .of-pro .of-autofoot em{font-style:normal;white-space:nowrap;color:#666}
  .of-pro table{width:100%;border-collapse:collapse;page-break-inside:auto}
  .of-pro thead{display:table-header-group}.of-pro tfoot{display:table-footer-group}
  .of-pro tr,.of-pro .of-sign,.of-pro .of-res,.of-pro .of-qr,.of-pro h3,.of-pro h4{page-break-inside:avoid;break-inside:avoid}
  .of-pro h3,.of-pro h4{page-break-after:avoid;break-after:avoid}
  .of-pro th,.of-pro td{border:1px solid #000;padding:2.5px 5px;font-size:9.5pt;color:#000}
  .of-pro th{background:#e3ece7!important;color:#0f4a37}
  .of-pro .panel,.of-pro .g-cards article{box-shadow:none;border:1px solid #999;border-radius:0;break-inside:avoid}
  .of-auto button,.of-auto select,.of-auto input,.of-auto textarea,.of-auto .g-tool,.of-auto .g-return,.of-auto .g-side,.of-auto .g-btn,.of-auto .tb-ico,.of-auto nav,.of-auto .c-section+.g-big-row{display:none!important}
  .of-sub{background:#f6faf7!important}
}

/* v2.0.54 — Correctif impression dans l'application réelle : une ancienne règle (body *{visibility:hidden!important}) masquait aussi les documents,
   et le cadre « un seul écran » (hauteur fixe, overflow caché) les rognait. Le document imprimé est rendu visible et libéré du cadre. */
@media print{
  .g-printable,.g-printable *{visibility:visible!important}
  body:has(.g-printable){height:auto!important;overflow:visible!important}
  body:has(.g-printable) :is(.app-shell,.workspace,main,#gestion,.g-app,.g-main,#gContent){position:static!important;overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;transform:none!important;zoom:1!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
  body.of-printing *:not(.g-printable):not(.g-printable *):not(:has(.g-printable)){display:none!important}
  .of-pro.g-printable{position:static!important;width:auto!important;max-width:none!important}
}
@media print{
  html,body,body:has(.g-printable){background:#fff!important;background-image:none!important}
  .of-pro.g-printable{background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:0!important}
  .of-pro.g-printable .of-head,.of-pro.g-printable .of-sub{border-left:0!important;border-right:0!important}
}
@media print{
  .of-pro.g-printable .cp-grid,.of-pro.g-printable .cx-grid,.of-pro.g-printable .g-groups{display:block!important}
  .of-pro.g-printable .table-wrap,.of-pro.g-printable .panel{overflow:visible!important;max-width:100%!important}
  .of-pro.g-printable table{table-layout:auto;max-width:100%}
}

/* ===== v2.0.103 — En-tête d'impression : fiche d'identité de l'établissement structurée en cases ===== */
.of-head .of-r .of-grp{display:block;font-style:normal;font-size:8.5pt;letter-spacing:.6px;text-transform:uppercase;color:#0f4a37;margin-bottom:1px}
.of-head .of-r{border-left:3px solid #0f4a37;padding-left:10px}
.of-head .of-r b{color:#0f4a37}
.of-head .of-l{border-right:3px solid #0f4a37;padding-right:10px}
.of-sub.of-sub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:8px 0 12px;border:1.2px solid #0f4a37;border-top-width:3px;border-radius:3px;background:#f6faf7;text-align:left;overflow:hidden}
.of-sub-grid .of-i{padding:4px 8px;border-right:.6px solid #b8cfc3;border-bottom:.6px solid #b8cfc3;min-width:0}
.of-sub-grid .of-i em{display:block;font-style:normal;font-size:6.8pt;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#0f4a37}
.of-sub-grid .of-i b{display:block;font-size:8.6pt;font-weight:600;color:#111;text-transform:none;word-break:break-word;line-height:1.3}
.of-sub-grid .of-i.w2{grid-column:span 2}.of-sub-grid .of-i.w3{grid-column:1/-1}
@media (max-width:640px){.of-sub.of-sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.of-sub-grid .of-i.w2{grid-column:span 2}}
@media print{
  .of-sub.of-sub-grid{background:#f6faf7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-left:1.2px solid #0f4a37!important;border-right:1.2px solid #0f4a37!important}
  .of-pro.g-printable .of-head .of-r{border-left:3px solid #0f4a37!important}
  .of-sub-grid .of-i{break-inside:avoid}
}
.of-head{align-items:stretch}.of-head .of-logo-w{align-items:flex-start}

/* ===== gestion/tableau-bord.css ===== */
/* Tableau de bord sombre — réplique du modèle « Suivi complet en un clic » */
.tb{background:#000;color:#fff;padding:12px 14px 14px;border-radius:6px;font-family:'Segoe UI',Arial,sans-serif}
.tb-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.tb-title{font-size:13px;font-weight:700;letter-spacing:.4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tb-title span{font-weight:700}.tb select{background:#0d0d0d;color:#fff;border:1px solid #2a2a2a;padding:3px 6px;border-radius:3px;font-size:11.5px;font-weight:700}.tb-title select:first-of-type{border:0;background:none;font-size:13px}
.tb-ico{display:flex;gap:6px}.tb-ico button{background:#111;color:#bbb;border:1px solid #2a2a2a;border-radius:3px;width:26px;height:24px;font-size:12px;cursor:pointer}.tb-ico button:hover{color:#fff;border-color:#555}
.tb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:1000px){.tb-grid{grid-template-columns:1fr}}
.tb-card{background:#0b0b0b;border:1px solid #1d1d1d;border-radius:3px;padding:9px 12px 8px;min-height:270px}
.tb-card h4{display:flex;justify-content:space-between;margin:0 0 4px;font-size:9.5px;color:#7ee3a0;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.tb-card h4 span{color:#8a8a8a;font-weight:600}
.tb-svg{width:100%;height:auto;display:block}.tb-g{stroke:#202020;stroke-width:1}.tb-t{fill:#8a8a8a;font-size:9px}.tb-b{fill:#00a651}.tb-b:hover{fill:#f6c945}.tb-l{fill:none;stroke:#ff8a7a;stroke-width:1.8}
.tb-med{stroke:#f6c945;stroke-width:1;stroke-dasharray:3 3}.tb-medt{fill:#f6c945;font-size:9px}
.tb-call rect,.tb-call path{fill:#fff}.tb-call .a{font-size:8.5px;fill:#555}.tb-call .b{font-size:13px;font-weight:700;fill:#111}
.tb-leg{display:flex;gap:16px;font-size:9.5px;color:#aaa;margin:2px 0 0 38px;flex-wrap:wrap}.tb-leg i{display:inline-block;width:12px;height:3px;margin-right:5px;vertical-align:middle}.tb-leg i.sq{height:8px;width:8px}
.tb-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px;border-bottom:1px solid #1d1d1d;padding-bottom:6px}.tb-kp small{display:block;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.tb-kp b{font-size:24px;font-weight:300;letter-spacing:-.5px}
.tb-empty{border:1px dashed #2a2a2a;color:#888;font-size:12px;padding:70px 14px;text-align:center;margin-top:8px}
.tb-attn{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;background:#0b0b0b;border:1px solid #1d1d1d;padding:8px 10px;border-radius:3px}.tb-attn>b{font-size:9.5px;color:#7ee3a0;letter-spacing:.4px}.tb-attn>b.ok{color:#4be39a;font-size:12px;font-weight:600;letter-spacing:0}
.tb-attn button{display:flex;gap:8px;align-items:center;text-align:left;background:#141414;color:#fff;border:1px solid #2a2a2a;border-left:3px solid #f6c945;padding:6px 10px;border-radius:3px;cursor:pointer;font-size:12px}.tb-attn button.red{border-left-color:#ff5c6c}.tb-attn button small{display:block;color:#999;font-size:10.5px}.tb-attn button i{font-style:normal;font-size:16px}.tb-attn button:hover{background:#1c1c1c}
@media print{.tb-ico{display:none}.tb{border-radius:0}}

/* ===== inscription.css ===== */
/* Inscription en ligne : bouton en haut à droite de l'écran de connexion + formulaire compact */
#signupBtn{position:fixed;top:10px;right:12px;z-index:10002;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(100deg,#00853f 0%,#f0ce19 55%,#d71920 100%);color:#fff;font:700 11.5px/1 Inter,Segoe UI,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);text-shadow:0 1px 2px rgba(0,0,0,.45)}
#signupBtn:hover{filter:brightness(1.08)}#signupBtn:focus-visible{outline:2px solid #fff;outline-offset:2px}
#signupBtn span{font-family:Tahoma,Arial,sans-serif}
#loginScreen.hidden #signupBtn,#loginScreen.hidden #signupModal{display:none!important}
#signupModal{position:fixed;inset:0;z-index:10003;background:rgba(3,15,10,.62);display:flex;align-items:flex-start;justify-content:flex-end;padding:44px 12px 12px;overflow-y:auto}
#signupModal.hidden{display:none!important}
#signupModal .su-dlg{width:min(410px,100%);background:#fff;color:#14231b;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.4);padding:9px 10px 10px;font:11px/1.25 Inter,Segoe UI,Arial,sans-serif;border-top:4px solid #00853f}
#signupModal .su-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}
#signupModal .su-head h2{margin:0;font-size:12.5px;color:#00633a}
#signupModal .su-head h2 small{font:700 12px Tahoma,Arial,sans-serif;color:#555;margin-left:4px}
#signupModal .su-x{border:0;background:#eef3f0;border-radius:6px;width:20px;height:20px;line-height:20px;padding:0;cursor:pointer;font-size:12px}
#signupModal .su-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}
#signupModal .su-tab{border:1px solid #cfe0d6;background:#f4f9f6;border-radius:6px;padding:4px 2px;font:700 10.5px/1.15 Inter,Segoe UI,Arial,sans-serif;color:#1d3d2d;cursor:pointer;text-align:center}
#signupModal .su-tab[aria-pressed=true]{background:#00853f;color:#fff;border-color:#00853f}
#signupModal .su-tab em{display:block;font:normal 10px Tahoma,Arial,sans-serif;opacity:.85}
#signupModal form{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px;margin:0}
#signupModal .su-sec{grid-column:1/-1;font:700 9.5px/1 Inter,Segoe UI,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#7a8a80;border-bottom:1px solid #e3ece7;padding-bottom:2px;margin-top:3px}
#signupModal label{display:grid;gap:1px;margin:0;font-weight:600;font-size:10px;color:#34483c;min-width:0}
#signupModal label.wide{grid-column:1/-1}
#signupModal label i{font-style:normal;font-family:Tahoma,Arial,sans-serif;color:#7a8a80;font-weight:400}
#signupModal label b{color:#d71920}
#signupModal input,#signupModal select{width:100%;min-width:0;height:24px;padding:2px 6px;border:1px solid #c9d8cf;border-radius:5px;background:#fff!important;color:#14231b!important;font:11px Inter,Segoe UI,Arial,sans-serif;box-shadow:none}
#signupModal input:focus,#signupModal select:focus{outline:2px solid #00853f55;border-color:#00853f}
#signupModal [data-for].su-off{display:none!important}
#signupModal .su-ok{grid-column:1/-1;height:28px;border:0;border-radius:6px;font:700 11.5px Inter,Segoe UI,Arial,sans-serif;cursor:pointer;color:#fff;margin-top:3px}
#signupModal .su-msg{grid-column:1/-1;font-size:10.5px;min-height:0}
#signupModal .su-msg.bad{color:#b00020}#signupModal .su-msg.good{color:#0a6b3a}
#signupModal .su-foot{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px;border-top:1px solid #e3ece7;padding-top:5px;margin-top:2px;font-size:10px;color:#51665a}
#signupModal .su-foot button,#signupModal .su-go{border:1px solid #00853f;background:#fff;color:#00633a;border-radius:5px;padding:3px 7px;font:700 10px Inter,Segoe UI,Arial,sans-serif;cursor:pointer}
#signupModal .su-go{background:#00853f;color:#fff;padding:5px 10px;font-size:11px}
#signupModal .su-done{display:grid;gap:6px;padding:6px 2px 2px;font-size:11.5px}
#signupModal .su-done.su-off{display:none}
#signupModal .su-ref{font:700 13px ui-monospace,Consolas,monospace;background:#eef7f1;border:1px dashed #00853f;border-radius:6px;padding:5px 8px;text-align:center;color:#00633a}
@media(max-width:520px){#signupModal{padding:40px 6px 6px;justify-content:center}#signupBtn{top:6px;right:6px;padding:5px 10px;font-size:11px}}
@media(max-width:340px){#signupModal form{grid-template-columns:1fr}}
#signupModal .su-cap{display:flex;justify-content:space-between;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden}#signupModal .su-cap i{font-size:9.5px}
#signupModal .su-ok{background:linear-gradient(100deg,#00853f,#0b9250)!important}

#signupModal .su-hint{grid-column:1/-1;font:500 10.5px/1.35 Inter,Segoe UI,Arial,sans-serif;color:#2f5d46;background:#eef7f1;border:1px solid #cfe6d8;border-radius:8px;padding:6px 8px}
#signupModal .su-sec.su-off{display:none!important}

/* ===== correctifs-v168.css ===== */
/* v1.68 : accueil et accès sans fonds gris, priorité maximale */
#loginScreen .access-welcome{display:flex!important;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#fff;font-size:clamp(13px,1.5vw,19px);font-weight:750;margin:0 auto 14px;text-shadow:0 1px 3px #06472a}
#loginScreen .portal-login-grid .portal-login-card,#loginScreen .portal-login-grid .portal-login-card:is(:hover,:focus,:active){background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;border:1px solid rgba(255,255,255,.65)!important;color:white!important;outline-offset:3px}
#loginScreen .portal-login-card i,#loginScreen .portal-login-card b,#loginScreen .portal-login-card span,#loginScreen .portal-login-card small{background:transparent!important;box-shadow:none!important}
/* v1.71 : action d'inscription toujours visible sur l'accueil public de l'établissement */

/* ===== inscription-visible-v181.css ===== */
/* v1.81: inscription toujours visible sur la page d’accueil publique */

/* ===== inscription-visible-v182.css ===== */
/* v1.82 : bouton indépendant des couches et du centrage du portail */

/* ===== inscription-visible-v183.css ===== */
/* v1.83: le bouton public est visible lorsque le choix des portails est affiché. */

/* ===== bienvenue-v184.css ===== */
/* Message d’accueil public bilingue, sans interférer avec le bouton d’inscription */
#loginScreen .access-welcome { display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; margin:0 auto 16px!important; padding:10px 18px!important; max-width:780px; text-align:center; color:#fff!important; background:transparent!important; font-size:clamp(15px,1.45vw,21px)!important; font-weight:700; line-height:1.5; }
#loginScreen .access-welcome span { display:block; font-size:clamp(14px,1.3vw,19px); }

/* ===== accueil-v185.css ===== */
/* Accueil public v1.85 */
html body #loginScreen:not(.hidden) {overflow-y:auto!important;}
html body #loginScreen:not(.hidden) .access-welcome {display:block!important;visibility:visible!important;opacity:1!important;color:white!important;text-align:center!important;font-weight:800!important;font-size:clamp(16px,1.5vw,22px)!important;margin:0 auto 14px!important;}
html body #loginScreen:not(.hidden) .portal-login-card {background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;border:1px solid #ffffffa8!important;}
html body #loginScreen:not(.hidden) .portal-login-card:hover {background:rgba(255,255,255,.08)!important;}


/* ===== accueil-menu-v200.css ===== */
/* SOLUX ÉCOLE v2.00 — page d'accueil : bouton « S'enregistrer » unique en haut à droite (sans menu) (remplace les anciens correctifs superposés) */
#loginScreen .public-bar{position:fixed;top:14px;right:18px;z-index:2147483000;display:flex;align-items:flex-start;gap:8px}
#loginScreen #signupBtn{position:static;top:auto;right:auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 16px;border-radius:12px;border:2px solid #e6c51a;background:#fff;color:#006c38;font:800 14px/1 Inter,"Segoe UI",Arial,sans-serif;text-shadow:none;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.28)}
#loginScreen #signupBtn span{color:#006c38;font-family:Tahoma,Arial,sans-serif;font-weight:700}
#loginScreen #signupBtn:hover{background:#f4fbf6}
#loginScreen #signupBtn:focus-visible{outline:3px solid #0a7a45;outline-offset:2px}
#loginScreen.hidden .public-bar{display:none}
@media(max-width:600px){
 #loginScreen .public-bar{top:8px;right:8px}
 #loginScreen #signupBtn{min-height:38px;padding:8px 11px;font-size:12px}
 #loginScreen .access-shell{padding-top:56px}
}

/* v2.0.19 : en-tête de connexion sans doublon du nom (le titre complet suffit) */
#loginScreen .access-brand .login-logo{display:none!important}
#loginScreen .access-brand h1,#loginScreen .access-brand .access-ar,#loginScreen .access-brand .login-logo{display:none!important}

/* ===== acces-tableau-v209.css ===== */
/* SOLUX ÉCOLE v2.0.9 — tableau compact « Portails / Se connecter / S'enregistrer » (ouvert au clic sur le bouton d'accueil) */
#accTable{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2147483002;width:min(460px,calc(100vw - 16px));background:#fff;color:#12372a;border:2px solid #e6c51a;border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.34);overflow:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif;animation:accIn .14s ease-out}
#accTable.hidden{display:none!important}
@keyframes accIn{from{opacity:0}to{opacity:1}}
#accBack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;background:rgba(0,20,10,.55);backdrop-filter:blur(2px)}
#accBack.hidden{display:none!important}
#accTable tr.acc-sel td{background:#fff9d6}
#accTable .acc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 14px;background:linear-gradient(135deg,#006c38,#0a8a4a);color:#fff}
#accTable .acc-head b{font-size:13px;letter-spacing:.2px}
#accTable .acc-head b i{font:700 12px Tahoma,Arial,sans-serif;font-style:normal;opacity:.9;margin-inline-start:6px}
#accTable .acc-x{width:26px;height:26px;border:0;border-radius:8px;background:rgba(255,255,255,.18);color:#fff;font-size:13px;line-height:1;cursor:pointer}
#accTable .acc-x:hover{background:rgba(255,255,255,.32)}
#accTable table{width:100%;border-collapse:collapse;table-layout:fixed}
#accTable col.c1{width:46%}#accTable col.c2,#accTable col.c3{width:27%}
#accTable th{padding:6px 6px;background:#f1f8f3;color:#00633a;font-size:11px;font-weight:800;text-align:center;border-bottom:1px solid #d6e8dc}
#accTable th:first-child{text-align:start;padding-inline-start:14px}
#accTable th small{display:block;font:600 10px Tahoma,Arial,sans-serif;color:#4d7a66}
#accTable td{padding:6px 6px;text-align:center;border-bottom:1px solid #e8f0ea;vertical-align:middle}
#accTable tr:last-child td{border-bottom:0}
#accTable tbody tr:hover td{background:#fafdf9}
#accTable td.acc-p{text-align:start;padding-inline-start:12px}
#accTable .acc-p div{display:flex;align-items:center;gap:8px;min-width:0}
#accTable .acc-p i{font-style:normal;font-size:18px;flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef7f1}
#accTable .acc-p b{display:block;font-size:12.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#accTable .acc-p small{display:block;font:600 10.5px Tahoma,Arial,sans-serif;color:#5a7f6e;line-height:1.2}
#accTable .acc-b{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:5px 4px;border-radius:9px;font:800 11.5px/1.1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;border:1.5px solid #006c38;transition:filter .12s,background .12s}
#accTable .acc-b.in{background:#006c38;color:#fff}
#accTable .acc-b.in:hover{filter:brightness(1.12)}
#accTable .acc-b.up{background:#fff;color:#006c38}
#accTable .acc-b.up:hover{background:#eef7f1}
#accTable .acc-b:focus-visible{outline:3px solid #e6c51a;outline-offset:1px}
#accTable .acc-foot{padding:6px 12px;background:#fbfcf6;border-top:1px solid #eef0d8;font-size:10.5px;color:#5a6b4d;text-align:center}
@media(max-width:480px){
 #accTable{width:calc(100vw - 16px)}
 #accTable col.c1{width:40%}#accTable col.c2,#accTable col.c3{width:30%}
 #accTable .acc-p small{display:none}
 #accTable .acc-b{font-size:11px;min-height:34px}
}
/* neutralise la règle globale « table{min-width:650px} » de styles.css (mobile) */
#accTable table{min-width:0!important;width:100%!important;display:table!important}
/* v2.0.11 : jamais de message « premier accès » sous les formulaires des portails */
#loginScreen .first-access,#loginScreen .premier-acces,#loginScreen [data-first-access],#loginScreen .login-hint,#loginScreen .first-login{display:none!important}

/* ===== accueil-transparent-v226.css ===== */
/* SOLUX ÉCOLE v2.0.27 — accueil : bouton « Accès aux portails », cartes de portail et tableau d'accès sur fond transparent */
#loginScreen #signupBtn,#loginScreen #signupBtn:hover{background:transparent!important;background-image:none!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.75)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none}
#loginScreen #signupBtn span{color:#fff!important}
#loginScreen #signupBtn:hover,#loginScreen #signupBtn:focus-visible{background:rgba(255,255,255,.12)!important;border-color:#fff!important;outline:2px solid rgba(255,255,255,.55);outline-offset:2px}
#loginScreen .portal-login-card,#loginScreen .portal-login-grid .portal-login-card{background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#loginScreen .portal-login-card:hover,#loginScreen .portal-login-card:focus-visible{background:rgba(255,255,255,.08)!important}
/* tableau « Portails / Se connecter / S'enregistrer » */
#accTable{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.6)!important;box-shadow:none!important}
#accTable .acc-head{background:rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.3)}
#accTable table,#accTable th,#accTable td,#accTable tr,#accTable tr.acc-sel td,#accTable tbody tr td{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
#accTable th small,#accTable .acc-p small{color:rgba(255,255,255,.78)!important}
#accTable .acc-p i{background:transparent!important}
#accTable tbody tr:hover td{background:rgba(255,255,255,.08)!important}
#accTable .acc-b.in{background:transparent!important;color:#fff!important;border-color:#fff!important}
#accTable .acc-b.up{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
#accTable .acc-b:hover{background:rgba(255,255,255,.14)!important}
#accTable .acc-foot{background:transparent!important;color:rgba(255,255,255,.8)!important;border-top:1px solid rgba(255,255,255,.22)!important}
#accBack{background:rgba(0,20,10,.62)!important}

/* ===== menus-pages-v231.css ===== */
/* v2.0.31 — menu compact + pages des portails */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#mainNav{padding:2px 0 14px}
.nav-group{margin:0}
.nav-group.empty{display:none}
.nav-group .nav-section-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0;padding:9px 16px 7px;user-select:none;letter-spacing:.08em}
.nav-group .nav-section-title::after{content:'▸';font-size:11px;opacity:.75;transition:transform .15s}
.nav-group.open .nav-section-title::after{transform:rotate(90deg)}
.nav-group .nav-items{display:none}
.nav-group.open .nav-items{display:block}
.nav-group .nav{padding-top:7px;padding-bottom:7px;font-size:13px}
.nav-section-title.static{cursor:default}.nav-section-title.static::after{display:none}
.hidden-sub{display:none!important}
/* portails : une page par rubrique */
#portalModules{display:none!important}
body[data-role=enseignant] #mainNav,body[data-role=parent] #mainNav,body[data-role=eleve] #mainNav{display:none}
body[data-role=enseignant] #teacherportal>.pagehead,body[data-role=parent] #parentportal>.pagehead,body[data-role=eleve] #studentportal>.pagehead{display:none}
#pgNav .nav{display:flex;gap:6px}
.pg{display:flex;flex-direction:column;gap:8px}
.pg-tabs{display:flex;flex-wrap:wrap;gap:6px}
.pg-tab{border:1px solid var(--line,#dbe5ef);background:#fff;color:#13223d;border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer}
.pg-tab.on{background:#00853f;border-color:#00853f;color:#fff}
@media(min-width:821px){body[data-role=enseignant] .pg-tabs,body[data-role=parent] .pg-tabs,body[data-role=eleve] .pg-tabs{display:none}}
.pg-stage{position:relative;min-height:340px}
.pg-pane{display:none;height:100%;overflow:auto;background:#fff;border:1px solid var(--line,#dbe5ef);border-radius:14px;padding:14px 16px;box-sizing:border-box}
.pg-pane.on{display:block}
.pg-pane>.panel,.pg-pane>article{box-shadow:none;border:0;padding:0;margin:0;background:transparent}
.pg-pane h3{margin:0 0 10px;font-size:16px}
.pg-pane h4{margin:10px 0 6px;font-size:14px}
.pg-pane form.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 14px;align-items:end}
.pg-pane form.form>h3,.pg-pane form.form>.roll,.pg-pane form.form>.gradesheet{grid-column:1/-1}
.pg-pane .roll,.pg-pane .gradesheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:2px 18px;max-height:46vh;overflow:auto}
.pg-pane table{font-size:12.5px}
.pg-pane .tp-sum{gap:10px}.pg-pane .tp-sum>div{min-width:110px}
.pg-who{margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed var(--line,#dbe5ef)}.pg-who h3{font-size:15px;margin:0}.pg-who p{margin:2px 0 0}
.pg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.pg-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1px solid var(--line,#dbe5ef);border-radius:14px;background:linear-gradient(180deg,#fff,#f3f8ff);cursor:pointer;color:#13223d}
.pg-tile i{font-style:normal;font-size:26px}.pg-tile b{font-size:13px;text-align:center}
.pg-tile:hover{border-color:#00853f;box-shadow:0 4px 14px #00853f22}
.pg-ttclone{height:auto;overflow:visible;display:block!important;border:0;padding:0}
.pg-ttclone h3{font-size:14px}
.pg-home-tt{max-height:34vh;overflow:auto}
@media(max-width:820px){.pg-stage{height:auto!important}.pg-pane{height:auto}}
#teacherPortalResult,#parentPortalResult,#studentPortalResult{display:block!important}
.pg-pane[data-home].on{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:6px 18px;align-content:start}
.pg-pane[data-home]>article{grid-column:1;grid-row:1}
.pg-pane[data-home]>.pg-tiles{grid-column:1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;margin:8px 0 0}
.pg-pane[data-home]>.pg-home-tt{grid-column:2;grid-row:1/3;max-height:none;border-left:1px solid var(--line,#dbe5ef);padding-left:16px}
.pg-pane[data-home] .tp-sum>div{flex:1}
.pg-tile{padding:16px 6px}
@media(max-width:1100px){.pg-pane[data-home].on{display:block}.pg-pane[data-home]>.pg-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.pg-pane[data-home]>.pg-home-tt{border:0;padding:0}}
.pg-pane>.panel,.pg-pane>article,.pg-pane>form{box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important}
.pg-pane form.form>button{justify-self:start;min-width:200px}
#operations form.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;align-items:end}
#operations form.form>h3,#operations .panel>h3{grid-column:1/-1;display:block;width:100%;margin:0 0 4px}

/* ===== page-layout-v232.css ===== */
/* v2.0.32 — Mise en page commune à toutes les pages ouvrantes (menus administration, centres, système, secrétariat, portails) */
:root{--pl-line:#dbe5ef;--pl-ink:#13223d;--pl-muted:#5b6b82;--pl-accent:#00853f;--pl-radius:12px;--pl-gap:14px}

/* 1. Cadre de page identique */
main>.view:not(#dashboard):not(#solutionshub){display:block;max-width:1280px;margin:0 auto;padding:0}
main>.view.hidden{display:none!important}
main>.view>*+*{margin-top:var(--pl-gap)}

/* 2. En-tête de page : même bandeau partout (centres compris) */
main>.view:not(#dashboard) .pagehead,main>.view .page-head,.centre-view .pagehead{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:#fff!important;color:var(--pl-ink)!important;border:1px solid var(--pl-line);border-left:4px solid var(--pl-accent)!important;
  border-radius:var(--pl-radius)!important;padding:14px 18px!important;margin:0 0 var(--pl-gap)!important;box-shadow:none}
main>.view .pagehead h2,main>.view .page-head h2{margin:0;font-size:20px;line-height:1.25;color:var(--pl-ink)}
main>.view .pagehead p,main>.view .page-head p,.centre-view .pagehead p{margin:4px 0 0;font-size:13px;color:var(--pl-muted)!important}
.centre-view{background:transparent!important;padding:0!important;border-radius:0!important}

/* 3. Cartes */
main>.view .panel,main>.view .panel.form,main>.view article.panel,main>.view form.panel{background:#fff;border:1px solid var(--pl-line)!important;border-radius:var(--pl-radius)!important;
  padding:16px 18px!important;box-shadow:none!important;margin:0}
main>.view .panel>h3,main>.view .panel>.title-row h3{margin:0 0 12px;font-size:16px;color:var(--pl-ink)}
main>.view .dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--pl-gap);margin:0}
main>.view .dash-grid>.panel{margin:0}
main>.view .dash-grid>.span2{grid-column:span 2}

/* 4. Formulaires en grille */
main>.view form.form,main>.view .panel.form,main>.view .panel form.form,main>.view .form.service-form{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;align-items:end}
main>.view form.form>h3,main>.view .panel.form>h3,main>.view form.form>.result,main>.view form.form>.roll,main>.view form.form>.gradesheet,
main>.view form.form>.payment-methods,main>.view form.form>.pay-warning{grid-column:1/-1}
main>.view .form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--pl-ink);margin:0}
main>.view .form input:not([type=checkbox]):not([type=radio]):not([type=file]),main>.view .form select,main>.view .form textarea{
  width:100%;min-height:38px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff;color:var(--pl-ink)}
main>.view .form textarea{min-height:84px}
main>.view .form button.primary,main>.view .form>button{justify-self:start;min-width:180px;min-height:38px}
main>.view .pagehead .primary,main>.view .pagehead button{min-height:38px}

/* L'état « caché » doit toujours l'emporter (ex. formulaire « Nouvel élève » replié) */
main>.view .hidden,main>.view form.form.hidden,main>.view .panel.form.hidden,main>.view .panel.hidden,main>.view .payment-extra.hidden{display:none!important}
main>.view .photo4x4{grid-column:1/-1;justify-self:start;width:min(100%,260px);display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}
main>.view .photo4x4 input[type=file]{width:100%;min-width:0;font-size:12px}
main>.view .form input[type=file]{max-width:100%;width:100%}

/* 5. Tableaux */
main>.view .panel table,main>.view table{width:100%;border-collapse:collapse;font-size:13px}
main>.view table th{background:#f2f6fb;color:#0b4a2a;font-size:12px;text-align:left;padding:9px 10px;border-bottom:1px solid var(--pl-line);white-space:nowrap}
main>.view table td{padding:8px 10px;border-bottom:1px solid #eef2f7;vertical-align:middle}
main>.view table tbody tr:nth-child(even){background:#fafcff}
main>.view table tbody tr:hover{background:#f0f7ff}
main>.view .panel:has(table){overflow-x:auto}

/* 6. Tuiles des centres (Direction, Évaluation, Pédagogie, Technique, Vie scolaire) */
.centre-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--pl-gap);margin:0}
.centre-cards .capture-tile{background:#fff!important;border:1px solid var(--pl-line)!important;border-radius:var(--pl-radius)!important;box-shadow:none!important;min-height:112px}
.centre-cards .capture-tile:hover{border-color:var(--pl-accent)!important;box-shadow:0 4px 14px #00853f22!important}

/* 7. Secrétariat */
#secretariat .sec-step,#secretariat #secReg>.panel{margin:0 0 var(--pl-gap)}
#secretariat .sec-tabs{margin:0 0 var(--pl-gap)}

/* 8. Portails : mêmes cartes que le reste */
.pg-pane{border-radius:var(--pl-radius);padding:16px 18px}

/* 9. Téléphone */
@media(max-width:820px){
  main>.view .pagehead{padding:12px 14px!important}
  main>.view .pagehead h2{font-size:17px}
  main>.view .panel,main>.view .panel.form,main>.view form.panel,main>.view .panel.panel{padding:12px 14px!important}
  main>.view form.form,main>.view .panel.form{grid-template-columns:1fr}
  main>.view .dash-grid{grid-template-columns:1fr}
  main>.view .dash-grid>.span2{grid-column:auto}
  main>.view form.form>button,main>.view .form button.primary{width:100%;justify-self:stretch}
  .centre-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== senegal-v236.css ===== */
/* v2.0.36 — Harmonisation « couleurs du Sénégal » : vert · jaune · rouge en dégradé. Chargé en dernier. */
:root{--sn-green:#00853f;--sn-green-d:#00632f;--sn-green-dd:#033b22;--sn-yellow:#f6c915;--sn-red:#e31b23;--sn-red-d:#b3131b;
--sn-tri:linear-gradient(90deg,#00853f 0%,#00853f 34%,#f6c915 34%,#f6c915 66%,#e31b23 66%,#e31b23 100%);
--sn-flow:linear-gradient(100deg,#00632f 0%,#00853f 45%,#d9b814 82%,#e31b23 100%);
--sn-soft:linear-gradient(100deg,rgba(0,133,63,.10),rgba(246,201,21,.14) 55%,rgba(227,27,35,.09));
--blue:#00853f;--solux-blue:#00853f;--pl-accent:#00853f;--pro-green:#00632f;--pro-green-2:#00853f;--pro-gold:#f6c915;--pro-deep:#033b22}
body{background:linear-gradient(120deg,rgba(0,133,63,.07),rgba(246,201,21,.10) 50%,rgba(227,27,35,.06)) fixed,#f4f7f4!important}
/* Bannière : vert profond → vert → or → rouge, texte lisible à gauche, liseré tricolore */
.topbar{background:linear-gradient(100deg,#00632f 0%,#00753a 38%,#00853f 58%,#c9a912 86%,#c4151c 100%)!important;border-bottom:0!important;position:relative}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--sn-tri)}
.school-head .eyebrow{color:#fff3a0!important}.school-head>b{color:#e9f7ee!important}
.topbar .arabic small{color:#f4f1c8!important}
.top-actions .language .sel{color:var(--sn-green-d)!important}
/* Menu latéral */
.sidebar{background:linear-gradient(180deg,#033b22 0%,#00502b 55%,#00632f 78%,#7d1017 100%)!important}
.brand{background:linear-gradient(135deg,#022a18,#033b22)!important;border-bottom:3px solid transparent!important;border-image:var(--sn-tri) 1!important}
.nav-section-title{color:#f6e98a!important}
.nav:hover{background:#ffffff14!important;border-left-color:var(--sn-yellow)!important}
.nav.active{background:linear-gradient(90deg,#00a24e,#00853f 70%,rgba(0,133,63,.2))!important;border-left-color:var(--sn-yellow)!important}
/* Boutons */
.primary,.quick.primary,.payment-submit,.pay-choice.active{background:linear-gradient(100deg,#00632f,#00853f 62%,#1f9d55)!important;color:#fff!important;border:0!important;border-bottom:3px solid transparent!important;border-image:var(--sn-tri) 1!important;box-shadow:0 3px 10px rgba(0,99,47,.25)!important}
.primary:hover,.quick.primary:hover{filter:brightness(1.08)}
.quick{border-color:#bfe0cc!important;color:#00632f!important}.quick:hover{background:#eef8f1!important}
.danger{background:linear-gradient(100deg,#b3131b,#e31b23)!important;color:#fff!important}
.module-tab.active,.pg-tab.on{background:linear-gradient(90deg,#00632f,#00853f 70%,#c9a912)!important;border-color:#00853f!important;color:#fff!important}
.module-tab:hover{background:#eaf6ee!important;color:#00632f!important}
/* Cartes : liseré tricolore en haut */
.panel,.solution-card,.capture-tile,.module-launch,.pg-tile{border:1px solid #dbe8df!important;border-top:3px solid transparent!important;border-image:var(--sn-tri) 1!important;border-radius:0!important;box-shadow:0 2px 8px rgba(3,59,34,.07)!important}
.panel:hover,.capture-tile:hover,.module-launch:hover,.pg-tile:hover,.centre-cards button:hover{border-color:#00853f!important;box-shadow:0 6px 16px rgba(0,133,63,.18)!important}
.pagehead,.dashboard-hero{background:linear-gradient(100deg,#fff 0%,#f3faf5 60%,#fff8dc 100%)!important;border-left:5px solid transparent!important;border-image:linear-gradient(180deg,#00853f,#f6c915 55%,#e31b23) 1!important}
.pagehead h2,.dashboard-hero h2,.centre-view .panel h3,.finance-kpis b,.finance-tile b,.centre-cards button b{color:#00632f!important}
.hero-kicker{color:#b3131b!important}
section.view.centre-view>.pagehead,.centre-view .pagehead{background-color:#00632f!important;background-image:linear-gradient(100deg,#00632f 0%,#00853f 45%,#d9b814 82%,#e31b23 100%)!important;color:#fff!important;border-left:0!important;border-image:none!important;border-bottom:4px solid transparent!important;border-image:var(--sn-tri) 1!important}
.centre-view .pagehead *{color:#fff!important}
.centre-view .capture-tile,.centre-view#evaluationhub .capture-tile,.centre-view#pedagogyhub .capture-tile,.centre-view#hrhub .capture-tile,.centre-view#techhub .capture-tile,.centre-view#studentlifehub .capture-tile{border-top:3px solid transparent!important}
th{background:linear-gradient(180deg,#eef7f1,#e2f0e7)!important;color:#00502b!important;border-bottom:2px solid #00853f!important}
tr:hover td{background:#f6fbf7}
.kpi.blue,.kpi.green,.kpi.orange,.kpi.red,.kpi.purple{border-top:4px solid transparent!important;border-image:var(--sn-tri) 1!important}
.kpi.blue i,.kpi.purple i{background:#e3f4ea!important;color:#00853f!important}.kpi.orange i{background:#fff6d1!important;color:#a88700!important}.kpi.red i{background:#fde4e5!important;color:#e31b23!important}
.money>div:nth-child(3n+1){background:linear-gradient(135deg,#00632f,#00853f)!important;color:#fff!important}
.money>div:nth-child(3n+2){background:linear-gradient(135deg,#d9b814,#f6c915)!important;color:#2b2500!important}
.money>div:nth-child(3n){background:linear-gradient(135deg,#b3131b,#e31b23)!important;color:#fff!important}
/* Champs, liens */
.form input:focus,.form select:focus,.login-card input:focus,input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,133,63,.25)!important;border-color:#00853f!important}
a{color:#00702f}.back-portals,.forgot{color:#f6e98a!important}
.portal-login-card span,.portal-login-title span{color:#f6e98a!important}
.status.ok,.badge.ok{background:#00853f!important;color:#fff!important}
.badge.warn,.status.warn{background:#f6c915!important;color:#2b2500!important}.badge.bad,.status.bad{background:#e31b23!important;color:#fff!important}
/* Écran de connexion et portails */
.login-screen{background:linear-gradient(135deg,#033b22 0%,#00632f 36%,#00853f 56%,#c9a912 82%,#b3131b 100%)!important}
.signup-public-fixed{background:linear-gradient(100deg,#f6c915,#f0a21a)!important;color:#2b2500!important;border:0!important}
.portal-login-card{background:rgba(3,59,34,.82)!important;border:1px solid rgba(246,201,21,.55)!important;border-bottom:4px solid transparent!important;border-image:var(--sn-tri) 1!important}
.portal-login-card:hover{background:rgba(0,99,47,.92)!important}
.access-shell .login-card{background:rgba(3,59,34,.9)!important;border:1px solid rgba(246,201,21,.5)!important}
/* Onglets Espace Gestion / mobile */
.mobile-bottom button.active{color:#00853f!important}
.mobile-bottom{border-top:3px solid transparent!important;border-image:var(--sn-tri) 1!important}
/* Anciennes couleurs bleues résiduelles */
.pay-icon.wave{background:#00853f}.pay-icon.om{background:#f6c915;color:#2b2500}
.solution-card button{background:#e3f4ea!important;color:#00632f!important}
.record-item{border-left:3px solid #00853f}
/* Impression et reçus : liseré tricolore */
.receipt-head{border-image:var(--sn-tri) 1!important;border-bottom:4px solid transparent!important}
.receipt-seal,.payment-extra{background:var(--sn-soft)!important}
@media(max-width:700px){.topbar{background:linear-gradient(105deg,#00632f,#00853f 55%,#c4151c)!important}}
/* Espace Gestion & détails */
#gestion .g-side{background:linear-gradient(180deg,#033b22,#00632f 70%,#7d1017)!important}
#gestion .g-logo{color:#00853f!important}#gestion .g-logo span,#gestion .g-logo em{color:#e31b23!important}
#gestion .g-top,#gestion .g-dhead,.c-win-h{border-bottom:3px solid transparent!important;border-image:var(--sn-tri) 1!important}
.c-win-t,.c-grid-head{background:var(--sn-flow)!important}
.c-bt,.c-bt.teal,#gestion .g-group .g-btn:not(.green):not(.orange){background:linear-gradient(135deg,#00632f,#00853f)!important}
.c-bt.amber,.c-bt.green{background:linear-gradient(135deg,#d9b814,#f6c915)!important;color:#2b2500!important}
.c-bt.orange,.c-ico.orange{background:linear-gradient(135deg,#b3131b,#e31b23)!important}
#gestion .g-tile{background:#fff!important}
#gestion .g-tile[class*=teal],#gestion .g-tile.blue{background:linear-gradient(135deg,#00632f,#00853f)!important}
#gestion .g-tile[class*=green],#gestion .g-tile.olive{background:linear-gradient(135deg,#d9b814,#f6c915)!important}
#gestion th{background:#eef7f1!important;color:#00502b!important}
.c-param{background:#fff8d6!important;border-color:#f0dd7a!important}
/* Indicateurs et tableaux de bord */
.kpi.blue strong,.kpi.purple strong{color:#00853f!important}.kpi.orange strong{color:#c89d0c!important}.kpi.red strong{color:#e31b23!important}.kpi.green strong{color:#00632f!important}
.kpi strong[style*="#0b"],.kpi strong[style*="#12"]{color:#00853f!important}
.tb-card h4{color:#7ee3a0!important}
.tb-card{border-top:2px solid transparent!important;border-image:var(--sn-tri) 1!important}
#guideBubble{background:linear-gradient(100deg,#033b22,#00632f)!important;border:1px solid #f6c915!important}
.voice-btn,#guideFab{background:linear-gradient(100deg,#00632f,#00853f)!important;border:2px solid #f6c915!important}

#guideBubble button{background:#f6c915!important;color:#2b2500!important}#guideFab:focus-visible,#guidePanel button:focus-visible{outline-color:#f6c915!important}
#gestion .g-tile.blue{background:linear-gradient(135deg,#00632f,#00853f)!important}#gestion .g-tile.blue b,#gestion .g-tile.blue small{color:#fff!important}
#gestion .g-tile.green{background:linear-gradient(135deg,#d9b814,#f6c915)!important}#gestion .g-tile.green b,#gestion .g-tile.green small{color:#2b2500!important}
/* Surclasse la règle v2.3.2 (main>.view:not(#dashboard) .pagehead) */
main>.view.centre-view:not(#dashboard) .pagehead{background:linear-gradient(100deg,#00632f 0%,#00853f 45%,#d9b814 82%,#e31b23 100%)!important;color:#fff!important;border:0!important;border-bottom:4px solid transparent!important;border-image:var(--sn-tri) 1!important;border-radius:0!important}
main>.view.centre-view:not(#dashboard) .pagehead h2,main>.view.centre-view:not(#dashboard) .pagehead p{color:#fff!important}
main>.view:not(#dashboard) .pagehead{background:linear-gradient(100deg,#fff 0%,#f3faf5 60%,#fff8dc 100%)!important;border-left:5px solid #00853f!important}
main>.view:not(#dashboard) .pagehead h2{color:#00632f!important}

/* ===== gestion-fenetres-v237.css ===== */
/* v2.0.37 — fenêtres flottantes façon captures (fiche élève, saisie des paiements, fenêtres modales) + finitions, couleurs du Sénégal */
#gestion .g-app{background:#fff linear-gradient(180deg,#fff 0,#fff 70%,#f6fbf7 100%)}
#gestion .g-content,#gestion #gContent{position:relative}
/* Fiche élève : fenêtre flottante avec barre de titre */
#gestion .g-sheet,#gestion #pBox>.c-ident,#gestion #pBox{position:relative}
#gestion .g-sheet{margin:34px 0 0 18px;max-width:820px;background:#fff;border:1px solid #b9c9bf;border-radius:3px;box-shadow:0 14px 36px rgba(3,59,34,.28);padding:46px 16px 16px!important}
#gestion .g-sheet:before{content:"▣  Gestion des Élèves";position:absolute;left:0;right:0;top:0;height:30px;line-height:30px;padding:0 10px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(100deg,#00632f,#00853f 60%,#c9a912);border-bottom:3px solid transparent;border-image:var(--sn-tri) 1}
#gestion .g-sheet:after{content:"—  ▢  ✕";position:absolute;right:10px;top:0;line-height:30px;font-size:11px;color:#fff;letter-spacing:4px}
#gestion .g-tool{background:#f3f8f4;border:1px solid #dbe8df;padding:6px 8px;border-radius:2px}
#gestion .g-tabs{margin-top:10px;border-bottom:2px solid #00853f}
#gestion .g-tabs button{border:1px solid #dbe8df;border-bottom:0;background:#f3f8f4;color:#00502b;padding:5px 14px;font-size:11px;border-radius:3px 3px 0 0}
#gestion .g-tabs button.on{background:linear-gradient(180deg,#00853f,#00632f);color:#fff}
#gestion .g-cols legend{color:#00632f!important;font-size:12px;border-bottom:1px solid #dbe8df;width:100%}
#gestion .g-cols label{font-size:10.5px;color:#d4600b}
#gestion .g-cols input,#gestion .g-cols select{font-size:11px;padding:3px 5px;border:1px solid #c6d4cb;border-radius:1px;background:#fff}
#gestion .g-cols input:focus,#gestion .g-cols select:focus{background:#fff8d6}
/* Saisie des paiements : fenêtre sur la droite */
#gestion .c-split{align-items:flex-start;gap:18px}
#gestion #pBox{margin-top:20px;background:#fff;border:1px solid #b9c9bf;border-radius:3px;box-shadow:0 14px 36px rgba(3,59,34,.28);padding:44px 14px 14px;min-height:190px}
#gestion #pBox:before{content:"▣  Saisie des paiements";position:absolute;left:0;right:0;top:0;height:28px;line-height:28px;padding:0 10px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(100deg,#00632f,#00853f 60%,#c9a912);border-bottom:3px solid transparent;border-image:var(--sn-tri) 1}
#gestion #pBox:after{content:"—  ▢  ✕";position:absolute;right:10px;top:0;line-height:28px;font-size:11px;color:#fff;letter-spacing:4px}
#gestion .c-ident{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-size:10.5px;background:#f3f8f4;padding:6px;border:1px solid #dbe8df}
#gestion .c-ident b{display:block;color:#033b22}
/* Fenêtres modales */
.g-modal{background:rgba(3,59,34,.22)!important}
.g-dialog{border:1px solid #b9c9bf!important;box-shadow:0 18px 44px rgba(3,59,34,.35)!important;border-radius:3px!important;overflow:hidden}
.g-dhead{background:linear-gradient(100deg,#00632f,#00853f 60%,#c9a912)!important;color:#fff!important;border-bottom:3px solid transparent!important;border-image:var(--sn-tri) 1!important;font-weight:700}
.g-dhead button{background:transparent!important;color:#fff!important}
/* Boutons d'action (Enregistrer vert, Annuler jaune, Supprimer rouge) */
#gestion .g-btn{border-radius:2px;font-size:11px;padding:5px 10px;border:1px solid transparent;color:#fff;background:linear-gradient(180deg,#00853f,#00632f)}
#gestion #eCancel,#gestion .g-btn.alt{background:linear-gradient(180deg,#f6c915,#d9b814);color:#2b2500}
#gestion .g-btn.danger,#gestion .g-btn.red{background:linear-gradient(180deg,#e31b23,#b3131b)}
#gestion .c-section,#gestion .c-search h4{color:#00632f}
#gestion .c-search{border-top:3px solid transparent;border-image:var(--sn-tri) 1}
@media(max-width:820px){#gestion .g-sheet,#gestion #pBox{margin-left:0}#gestion .c-ident{grid-template-columns:1fr 1fr}}
/* Saisie des paiements — champs et totaux comme la capture */
#gestion .c-ident2{grid-template-columns:repeat(3,1fr);gap:6px 10px;background:#fff;border:0;padding:0 0 8px}
#gestion .c-ident2 label{display:grid;gap:2px;font-size:10px;color:#d4600b}
#gestion .c-ident2 input{background:#f6faf7;border:1px solid #c6d4cb;padding:3px 5px;font-size:11px;color:#033b22;font-weight:700}
#gestion #pForm{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-end;background:#f3f8f4;border:1px solid #dbe8df;padding:8px;margin:8px 0}
#gestion #pForm label{display:grid;gap:2px;font-size:10px;color:#d4600b}
#gestion #pForm input,#gestion #pForm select{padding:3px 5px;font-size:11px;border:1px solid #c6d4cb}
#gestion .c-sumbox{margin:10px 0 10px auto;width:300px;border:1px solid #b9c9bf;background:#fff;font-size:11px;box-shadow:0 2px 6px rgba(3,59,34,.12)}
#gestion .c-sumbox>div{display:flex;justify-content:space-between;padding:4px 8px;border-bottom:1px solid #e6efe9}
#gestion .c-sumbox span{color:#4a5d52}#gestion .c-sumbox b{color:#033b22}
#gestion .c-sumbox b.bad{color:#e31b23}#gestion .c-sumbox b.ok{color:#00853f}
#gestion .c-state{margin:0;padding:6px 8px;font-weight:800;text-align:center;color:#fff;background:linear-gradient(100deg,#00632f,#00853f)}
#gestion .c-state.bad{background:linear-gradient(100deg,#b3131b,#e31b23)}
@media(max-width:820px){#gestion .c-ident2{grid-template-columns:1fr 1fr}#gestion .c-sumbox{width:100%}}
/* Fiche élève — trois blocs côte à côte comme la capture */
#gestion .g-sheet{max-width:1000px}
#gestion .g-sheet .g-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#gestion .g-sheet fieldset{border:1px solid #dbe8df;padding:8px 10px;margin:0;min-width:0}
#gestion .g-sheet fieldset label{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:6px;margin:3px 0}
@media(max-width:1100px){#gestion .g-sheet .g-cols{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#gestion .g-sheet .g-cols{grid-template-columns:1fr}}
#gestion .g-sheet input[type=file]{max-width:100%;font-size:10px;padding:1px}

/* ===== fiches-v239.css ===== */
/* v2.0.39 — Pages Élèves et Parents / Tuteurs : outils, photos, actions, fenêtres de saisie et impression */
.fx-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fx-tools input[type=search]{flex:1 1 240px;min-width:0;padding:9px 12px;border:1px solid #cfd8e3;border-radius:10px;font:inherit}
.fx-tools select{padding:9px 10px;border:1px solid #cfd8e3;border-radius:10px;font:inherit;max-width:100%}
.fx-count{color:#5b6b82;font-size:13px;white-space:nowrap}
.fx-btn{padding:9px 14px;border:1px solid #cfd8e3;background:#fff;color:#13223d;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.fx-btn:hover{background:#f1f6fb}.fx-btn.primary{background:#00853f;border-color:#00853f;color:#fff}.fx-btn.primary:hover{background:#006f34}
.fx-btn:disabled{opacity:.6;cursor:wait}
.fx-photo{object-fit:cover;border-radius:10px;border:2px solid #dbe5ef;background:#f1f6fb;display:block}
.fx-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#00853f,#d7c313);color:#fff;font-weight:700;letter-spacing:.5px}
.fx-class{display:inline-block;padding:2px 10px;border-radius:999px;background:#e8f5ee;color:#006f34;font-weight:600;font-size:13px;white-space:nowrap}
.fx-actcol{width:1%;white-space:nowrap}.fx-acts{white-space:nowrap}
.fx-ic{border:1px solid #dbe5ef;background:#fff;border-radius:8px;padding:5px 8px;margin-right:4px;cursor:pointer;font-size:15px;line-height:1}
.fx-ic:hover{background:#f1f6fb}.fx-ic.fx-del:hover{background:#fdeaea;border-color:#e3a3a3}
#students .panel table td,#guardians .panel table td{vertical-align:middle}
#students .panel,#guardians .panel{overflow-x:auto}
.fx-modal{position:fixed;inset:0;z-index:9000;background:rgba(15,28,46,.55);display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;overflow:auto}
.fx-modal.hidden{display:none}
.fx-dialog{background:#fff;border-radius:14px;width:min(760px,100%);box-shadow:0 20px 60px #0005;overflow:hidden}
.fx-dhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#00853f;color:#fff}
.fx-dhead button{border:0;background:#ffffff33;color:#fff;border-radius:8px;width:32px;height:32px;font-size:16px;cursor:pointer}
.fx-dbody{padding:18px;max-height:80vh;overflow:auto}
.fx-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.fx-form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px;color:#13223d}
.fx-form input,.fx-form select,.fx-form textarea{padding:9px 10px;border:1px solid #cfd8e3;border-radius:9px;font:inherit;font-weight:400;width:100%}
.fx-wide{grid-column:1/-1}
.fx-photobox{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fx-file{cursor:pointer;border:1px dashed #9db3c9;border-radius:10px;padding:10px 14px;background:#f7fafc;width:auto!important}
.fx-file input{display:none}
.fx-link{border:0;background:none;color:#c31820;cursor:pointer;text-decoration:underline;font:inherit}
.fx-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}
.fx-card{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:start}
.fx-kv{width:100%;border-collapse:collapse}.fx-kv th{text-align:left;width:38%;padding:5px 8px;color:#5b6b82;font-weight:600;border-bottom:1px solid #eef3f8;vertical-align:top}.fx-kv td{padding:5px 8px;border-bottom:1px solid #eef3f8}
.fx-pimg{width:38px;height:46px;object-fit:cover}.fx-pc{text-align:center}
.fx-print .fx-card{margin:10px 0 16px}.fx-print .fx-photo,.fx-print .fx-avatar{border-radius:0;border:1px solid #000}
.fx-print .fx-kv th,.fx-print .fx-kv td{border:1px solid #000;font-size:11pt;color:#000}
.fx-print .fx-ptable th,.fx-print .fx-ptable td{border:1px solid #000;padding:3px 6px;font-size:10pt;color:#000}
.fx-print{position:absolute;left:-9999px;top:0;width:100%}
@media print{.fx-modal{display:none!important}.fx-print{left:0}}
@media(max-width:640px){.fx-card{grid-template-columns:1fr}.fx-dialog{border-radius:10px}.fx-tools .fx-btn{flex:1 1 auto}}
/* v2.0.40 — Classes et Préinscriptions */
.fx-info{background:#f1f8f4;border:1px solid #cfe7d8;border-radius:10px;padding:10px 12px;display:grid;gap:4px;font-size:13px;color:#13223d}
.fx-pn{display:inline-flex;align-items:center;gap:8px}
.fx-form select optgroup{font-weight:700}

/* ===== referentiel-v241.css ===== */
.rf-other{margin-top:6px;width:100%}
.rf-other.hidden{display:none!important}
.rf-hint{grid-column:1/-1;font-size:12px;color:#5b6b82}
select[data-rf]{min-width:0}

/* ===== suivi-v242.css ===== */
.pay-choice span .pay-logo{width:48px;height:48px;object-fit:contain;display:block}
.pay-choice span{display:flex;align-items:center;justify-content:center}
.pay-logo-holder{display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle}
.pay-logo-sm{width:34px;height:34px;object-fit:contain}
.pay-cell{display:inline-flex;align-items:center;gap:6px}
.pay-logo-xs{width:22px;height:22px;object-fit:contain}

/* ===== portails-v2105.css ===== */
/* v2.0.105 — photos des élèves dans les espaces Parents / Élève / Enseignant */
.pp-ph{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#e6edf7;color:#1c3d6e;font-weight:700;flex:0 0 auto;vertical-align:middle}
.pp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pp-sm{width:30px;height:30px;font-size:12px}.pp-md{width:48px;height:48px;font-size:16px}.pp-lg{width:60px;height:60px;font-size:20px;margin-right:8px}
.pp-row{display:inline-flex;align-items:center;gap:8px}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:8px 0}
.pp-card{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid #dfe6f0;border-radius:10px;background:#fff}
.pp-card small{display:block;color:#6b7a90;font-size:11px}
details.pp-cls{margin:6px 0}details.pp-cls summary{cursor:pointer;padding:6px 0}

.pp-alert{margin:10px 0 0;padding:10px 14px;border-radius:10px;border-left:5px solid}
.pp-alert ul{margin:6px 0 4px;padding-left:18px}
.pp-late{background:#fdecec;border-color:#c62828;color:#7a1010}
.pp-soon{background:#fff6e0;border-color:#e0a100;color:#6b4a00}
#billingBar{position:sticky;top:0;z-index:9999;padding:8px 14px;font:14px/1.4 system-ui,sans-serif;display:flex;gap:10px;align-items:flex-start;justify-content:space-between;color:#fff}
#billingBar.info{background:#1b5fa8}#billingBar.warn{background:#b36b00}#billingBar.danger{background:#b3261e}
#billingBar ul{margin:2px 0 0;padding-left:18px}#billingBar button{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:2px 8px;cursor:pointer}

/* ===== services-v243.css ===== */
/* v2.0.43 — 1) correctif : un panneau « hidden-sub » reste masqué (la règle v2.0.32 form.form{display:grid!important} le réaffichait)
             2) pages Vie scolaire & services : formulaire à gauche, liste à droite, sur un seul écran
             3) pages à tableau : l'en-tête reste visible et seul le tableau défile, jamais la page */
main>.view .hidden-sub,main>.view form.form.hidden-sub,main>.view .panel.form.hidden-sub,main>.view .panel.hidden-sub,#operations .hidden-sub{display:none!important}

@media(min-width:900px){
  #operations.svc-single .dash-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:12px}
  #operations.svc-single .dash-grid>form.form{grid-template-columns:1fr!important;gap:8px 12px;align-items:stretch}
  #operations.svc-single .dash-grid>form.form .primary,#operations.svc-single .dash-grid>form.form>button{width:100%;justify-self:stretch;min-width:0}
  #operations.svc-single .svc-list{display:flex;flex-direction:column;min-height:0}
  #operations.svc-single .svc-scroll{overflow:auto;max-height:calc(100vh - 250px)}
  #operations.svc-single .svc-list h3 small{font-weight:400;color:var(--pl-muted,#5b6b82)}
  #operations.svc-single .svc-list thead th{position:sticky;top:0;z-index:1}
  #operations.svc-single .pagehead{padding:8px 16px!important;margin-bottom:10px!important}
}
@media(max-width:899px){#operations.svc-single .svc-scroll{overflow:auto;max-height:60vh}}

/* pages à tableau (ordinateur) : une seule page, le tableau défile à l'intérieur */
@media(min-width:900px) and (min-height:560px){
  main>.view:not(#dashboard):not(#solutionshub):not(#operations):not(#gestion) .panel:has(>table),
  main>.view:not(#dashboard):not(#solutionshub):not(#operations):not(#gestion) .panel>.table-wrap,
  main>.view:not(#dashboard):not(#solutionshub):not(#operations):not(#gestion) .panel>div:has(>table){max-height:calc(100vh - 260px);overflow:auto}
  main>.view:not(#dashboard):not(#solutionshub):not(#operations):not(#gestion) table thead th{position:sticky;top:0;z-index:1}
  main>.view:not(#dashboard):not(#solutionshub):not(#gestion) .pagehead{padding:8px 16px!important;margin-bottom:10px!important}
  main>.view>*+*{margin-top:10px}
}

/* écrans des tuiles Vie scolaire : formulaire compact + liste, sur un seul écran */
#tilescreen.ts-vie .finance-kpis{display:flex;gap:10px;flex-wrap:wrap}
#tilescreen.ts-vie .finance-kpis .panel{flex:1;min-width:110px;padding:8px 12px!important;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
#tilescreen.ts-vie .finance-kpis b{font-size:18px}
#tilescreen.ts-vie #tsForm{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px 12px;padding:10px 14px!important}
#tilescreen.ts-vie #tsForm h3{margin:0}
#tilescreen.ts-vie #tsForm textarea{min-height:38px!important;height:38px;resize:vertical}
#tilescreen.ts-vie #tsForm label:has(textarea){grid-column:span 2}
@media(min-width:900px) and (min-height:560px){
  #tilescreen.ts-vie .table-wrap{overflow:auto;max-height:calc(100vh - 500px);min-height:150px;margin-top:8px}
  #tilescreen.ts-vie .table-wrap thead th{position:sticky;top:0;z-index:1}
}

/* ===== popup-v244.css ===== */
/* v2.0.44 — Tous les formulaires de saisie en fenêtre pop-up centrée, compacte ; en-têtes en dégradé vert · jaune · rouge (drapeau du Sénégal). Chargé en dernier. */
:root{--pp-flag:linear-gradient(100deg,#00632f 0%,#00853f 34%,#d9b814 62%,#f6c915 70%,#e31b23 100%);--pp-tri:linear-gradient(90deg,#00853f 0 34%,#f6c915 34% 66%,#e31b23 66% 100%)}
#ppBack{position:fixed;inset:0;z-index:9990;background:rgba(3,40,24,.55);backdrop-filter:blur(1.5px)}
#ppBack.hidden{display:none}
/* ---- Formulaires intégrés aux pages : ouverts en pop-up par un bouton ---- */
.pp-trigger{margin:4px 0 8px;font-size:12px!important;padding:7px 14px!important;cursor:pointer}
form.pp-form:not(.pp-open){display:none!important}
form.pp-form.pp-open{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9995!important;
 width:min(540px,94vw)!important;max-height:88vh!important;overflow:auto!important;margin:0!important;padding:0 16px 14px!important;
 display:grid!important;grid-template-columns:1fr 1fr;gap:8px 12px;align-content:start;background:#fff!important;border:1px solid #b9c9bf!important;
 border-image:none!important;border-radius:12px!important;box-shadow:0 22px 60px rgba(3,40,24,.5)!important;font-size:12px}
form.pp-form.pp-open>h3:first-child,form.pp-form.pp-open>.pp-title{grid-column:1/-1;position:sticky;top:0;z-index:3;margin:0 -16px 6px!important;padding:11px 46px 11px 16px!important;
 background:var(--pp-flag)!important;color:#fff!important;font-size:14px!important;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.55);
 border:0!important;border-bottom:4px solid transparent!important;border-image:var(--pp-tri) 1!important}
form.pp-form.pp-open>h3:first-child *{color:#fff!important}
.pp-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.28);color:#fff;font-size:15px;cursor:pointer;line-height:1}
.pp-x:hover{background:rgba(255,255,255,.5)}
form.pp-form.pp-open label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;font-weight:700;color:#033b22;margin:0}
form.pp-form.pp-open input,form.pp-form.pp-open select,form.pp-form.pp-open textarea{width:100%;box-sizing:border-box;padding:6px 8px!important;font-size:12px!important;border:1px solid #c6d4cb;border-radius:7px;font-weight:400;background:#fbfdfb}
form.pp-form.pp-open textarea{min-height:56px;resize:vertical}
form.pp-form.pp-open>button,form.pp-form.pp-open>.result,form.pp-form.pp-open>p,form.pp-form.pp-open>div,form.pp-form.pp-open>textarea,form.pp-form.pp-open>h4,form.pp-form.pp-open>table,form.pp-form.pp-open>fieldset,form.pp-form.pp-open>label:has(textarea){grid-column:1/-1}
form.pp-form.pp-open>button[type=submit],form.pp-form.pp-open>button:not([type]),form.pp-form.pp-open>.primary{justify-self:end;padding:8px 22px!important;font-size:12px}
form.pp-form.pp-open .result{font-size:11.5px;min-height:0}
@media(max-width:560px){form.pp-form.pp-open{grid-template-columns:1fr}}
/* ---- Fenêtres existantes : centrées, compactes, en-tête drapeau ---- */
.fx-modal,#gestion .g-modal,.g-modal{align-items:center!important;justify-content:center!important;padding:12px!important;background:rgba(3,40,24,.55)!important}
.fx-dialog,#gestion .g-dialog,.g-dialog{width:min(560px,96vw)!important;max-width:96vw;max-height:90vh;border-radius:12px!important;border:1px solid #b9c9bf!important;box-shadow:0 22px 60px rgba(3,40,24,.5)!important;overflow:hidden;display:flex;flex-direction:column}
.fx-dhead,.g-dhead{background:var(--pp-flag)!important;color:#fff!important;padding:10px 14px!important;font-size:14px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.55);border-bottom:4px solid transparent!important;border-image:var(--pp-tri) 1!important}
.fx-dhead b,.g-dhead span{color:#fff}
.fx-dhead button,.g-dhead button{background:rgba(255,255,255,.28)!important;color:#fff!important;border:0;border-radius:8px;width:28px;height:28px;font-size:15px;cursor:pointer;text-shadow:none}
.fx-dbody,.g-dbody{padding:12px 14px!important;max-height:none;overflow:auto;flex:1;font-size:12px}
.fx-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px 12px!important}
.fx-form label{font-size:11.5px!important;gap:3px!important}
.fx-form input,.fx-form select,.fx-form textarea{padding:6px 8px!important;font-size:12px!important;border-radius:7px!important}
.fx-dbody .fx-btn,.g-dbody .g-btn{font-size:12px}
.g-dbody .g-form{margin:6px 0;gap:8px}
.g-dbody .g-form input,.g-dbody .g-form select{font-size:12px;padding:6px 8px}
/* Inscription publique et changement de mot de passe : centrés aussi */
#signupModal{align-items:center!important;justify-content:center!important;padding:12px!important}
#signupModal .su-dlg{border-top:0!important;border-radius:12px!important;overflow:hidden}
#signupModal .su-head{margin:-9px -10px 8px!important;padding:10px 14px;background:var(--pp-flag);color:#fff;border-bottom:4px solid transparent;border-image:var(--pp-tri) 1}
#signupModal .su-head *{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.modal-box{border-radius:12px!important;overflow:hidden;padding:0 16px 14px!important;font-size:12px}
.modal-box>h3:first-child{margin:0 -16px 10px!important;padding:11px 16px;background:var(--pp-flag);color:#fff!important;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.55);border-bottom:4px solid transparent;border-image:var(--pp-tri) 1}
@media print{#ppBack,.pp-trigger{display:none!important}}
/* Photo compacte dans les fiches en pop-up */
.fx-dbody .fx-photobox{gap:10px}.fx-dbody .fx-photobox .fx-photo,.fx-dbody .fx-photobox img,.fx-dbody .fx-photobox>div:first-child{width:64px!important;height:64px!important;font-size:26px!important}
.g-dhead{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.g-dbody .g-form{display:flex;flex-wrap:wrap}

/* ===== un-ecran-v245.css ===== */
/* v2.0.45 — « Un seul écran » : la page ne défile pas ; la zone de contenu défile dans son cadre. Bureau uniquement. */
@media(min-width:821px){
  body:has(#gestion:not(.hidden)),body:has(main>.view:not(.hidden):not(#loginScreen)){overflow:hidden}
  main>.view:not(.hidden){overscroll-behavior:contain;scrollbar-width:thin}
  #gestion #gContent{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .g-autotabs{position:sticky;top:0;z-index:3;background:#fff;margin:6px 0;display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid #00853f}
  .g-autotabs button{cursor:pointer;border:1px solid #dbe8df;border-bottom:0;background:#f3f8f4;color:#00502b;padding:5px 14px;font-size:12px;border-radius:3px 3px 0 0}
  .g-autotabs button.on{background:linear-gradient(180deg,#00853f,#00632f);color:#fff}
  #gestion #gContent>.g-tool{position:sticky;top:0;z-index:2;background:#fff}
}
/* Compaction sur écrans bas (portables 1366×768, 1280×720) : on gagne de la hauteur sans changer la mise en page. */
@media(min-width:821px) and (max-height:800px){
  main>.view:not(#dashboard) .pagehead,main>.view .page-head{padding:8px 14px!important;margin-bottom:8px!important}
  main>.view .pagehead h2,main>.view .page-head h2{font-size:17px}
  main>.view .pagehead p,main>.view .page-head p{margin-top:2px;font-size:12px}
  main>.view>*+*{margin-top:8px}
  main>.view .panel{padding:10px 14px!important}
  #gestion .g-bar{margin-bottom:4px}
  #gestion .g-group,#gestion .g-groups{margin-bottom:6px}
}

.ue-hide{display:none!important}

/* Les boutons d'ouverture de pop-up ne s'étirent plus sur toute la hauteur de la grille. */
.dash-grid>.pp-trigger,.dash-grid>button.pp-trigger,main>.view>.pp-trigger{align-self:start;justify-self:start;height:auto;min-height:0;width:auto;aspect-ratio:auto}

@media(min-width:821px) and (max-height:800px){
  main>.view:not(#gestion) .pagehead p,main>.view:not(#gestion) .page-head p{display:none}
  .solution-grid{gap:8px}.solution-grid>*{padding:10px 12px!important}
  .sec-tabs{margin:4px 0}
  main{padding-top:8px!important}
}

/* v2.0.46 — les formulaires de saisie restent fermés (pop-up) : cette règle l'emporte sur page-layout-v232.css (display:grid!important) */
main>.view.view form.form.pp-form:not(.pp-open),main>.view.view .panel.form.pp-form:not(.pp-open),main>.view.view form.panel.form.pp-form:not(.pp-open){display:none!important}

/* ===== badge-v246.css ===== */
/* v2.0.46 — Carte scolaire au format BADGE (portrait 54 × 85,6 mm, CR80) + diplôme d'honneur aux couleurs du Sénégal */
.cs.cs3{width:54mm;height:85.6mm;border-radius:3.2mm;border:.2mm solid #b9c4bd;background:#fff;box-shadow:0 1px 4px #0003}
.cs3 .b3-h{position:relative;flex:none;height:27mm;background:linear-gradient(120deg,#00632f 0%,#00853f 48%,#c9a912 82%,#c4151c 100%);color:#fff;text-align:center;padding:4.6mm 3mm 0}
.cs3 .b3-slot{position:absolute;top:1.6mm;left:50%;width:12mm;height:2.2mm;margin-left:-6mm;border-radius:2mm;background:#fff;box-shadow:inset 0 .3mm .6mm #0006}
.cs3 .b3-h b{display:block;font-size:6.2pt;line-height:1.15;letter-spacing:.15mm;text-shadow:0 .2mm .4mm #0007}
.cs3 .b3-h small{display:block;font-size:4.4pt;opacity:.95;margin-top:.5mm}
.cs3 .b3-h em{display:inline-block;margin-top:1.1mm;font-style:normal;font-size:4.6pt;font-weight:700;letter-spacing:.35mm;background:#fff;color:#00502b;border-radius:1mm;padding:.35mm 2mm}
.cs3 .b3-ph{position:relative;flex:none;width:24mm;height:24mm;margin:-8mm auto 0;border-radius:50%;overflow:hidden;background:#e4e4e4;border:.9mm solid #fff;box-shadow:0 0 0 .35mm #00853f,0 .6mm 1.6mm #0004}
.cs3 .b3-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cs3 .b3-ph .np{display:grid;place-items:center;height:100%;font-size:5pt;color:#777}
.cs3 .b3-n{flex:none;text-align:center;margin:1.6mm 2mm 0;line-height:1.1}
.cs3 .b3-n b{display:block;font-size:7.6pt;color:#00502b;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cs3 .b3-n span{display:inline-block;margin-top:.8mm;font-size:5.4pt;font-weight:700;color:#fff;background:linear-gradient(100deg,#00632f,#00853f);border-radius:2mm;padding:.45mm 2.6mm}
.cs3 .b3-d{flex:none;margin:1.6mm 4mm 0;font-size:4.8pt;line-height:1.25}
.cs3 .b3-d div{display:flex;justify-content:space-between;gap:2mm;border-bottom:.15mm dotted #9fb5a8;padding:.35mm 0}
.cs3 .b3-d div span{color:#5a6b60}.cs3 .b3-d div b{color:#111;text-align:right}
.cs3 .b3-bot{display:flex;align-items:flex-end;gap:2mm;margin:auto 3.5mm 1.2mm}
.cs3 .b3-bc{flex:1;min-width:0}.cs3 .b3-bc svg{display:block;width:100%;height:8mm}.cs3 .b3-bc span{display:block;text-align:center;font-size:4.6pt;letter-spacing:.3mm;margin-top:.3mm}
.cs3 .cs-qr{position:static;right:auto;bottom:auto;width:11mm;flex:none}.cs3 .cs-qr .of-qr-mini{width:11mm;height:11mm}.cs3 .cs-qr span{display:none}
.cs3 .b3-f{flex:none;text-align:center;font-size:4.4pt;font-weight:700;color:#fff;padding:.9mm 1mm;text-transform:uppercase;background:linear-gradient(90deg,#00853f 0 34%,#d9b514 34% 66%,#c4151c 66%);text-shadow:0 .2mm .3mm #0008}
.c-card-view .cs.cs3{zoom:1.45}
@media print{.c-card-view .cs.cs3{zoom:1}.cs.cs3{border-color:#888;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Diplôme : filets tricolores et ruban du Sénégal ; il s'ajuste à la largeur de l'écran (variable --dz posée par le script) */
.dpl{border:0;box-shadow:0 2px 14px #0003;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.dpl::before,.dpl::after{content:"";position:absolute;left:0;right:0;height:9px;z-index:2;background:linear-gradient(90deg,#00853f 0 34%,#f6c915 34% 66%,#e31b23 66%)}
.dpl::before{top:0}.dpl::after{bottom:0}
.dpl-title{border-color:#00632f;color:#00502b;background:linear-gradient(180deg,#fff,#f4faf6)}
.dpl-logo{background:linear-gradient(135deg,#00632f,#00853f 55%,#c9a912)}
.dpl-l u{text-decoration-color:#00853f}
.dpl-text b{color:#00502b}
@media screen{.dpl{zoom:var(--dz,.8)}}
@media print{.dpl{zoom:1;box-shadow:none}}

/* ===== assistant-v247.css ===== */
/* v2.0.47 — Assistant automatique pour les parents (angle bas-droit) */

/* Le bouton « Guide vocal » existant se place à gauche de l'assistant (évite le chevauchement dans l'angle bas-droit) */
#guideFab{right:86px!important}
#guideBubble,#guidePanel{right:86px!important}
@media(max-width:480px){#guideFab{right:76px!important;bottom:18px!important}#guideBubble,#guidePanel{right:12px!important;bottom:84px!important}}

/* ===== horloge-accueil-v2065.css ===== */
/* SOLUX ÉCOLE v2.0.65 — page d'accueil : date et heure juste avant le bouton « Accès aux portails » */
#loginScreen .public-bar{flex-wrap:wrap;justify-content:flex-end;align-items:stretch}
#loginScreen .hc{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:5px 15px 5px 6px;border-radius:12px;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.07));border:1.5px solid rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.22);font-family:system-ui,Segoe UI,Arial,sans-serif;user-select:none;cursor:default}
#loginScreen .hc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#00853f 0 33.3%,#fdef42 33.3% 66.6%,#e31b23 66.6%)}
#loginScreen .hc-ic{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
#loginScreen .hc-tx{display:flex;flex-direction:column;line-height:1.15;padding-bottom:2px}
#loginScreen .hc-time{display:flex;align-items:baseline;font-size:18px;font-weight:800;letter-spacing:.03em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.35)}
#loginScreen .hc-sec{margin-left:3px;font-size:11.5px;font-weight:700;opacity:.8}
#loginScreen .hc-sep{margin:0 1px;animation:hcBlink 1s steps(2,start) infinite}
#loginScreen .hc-date{font-size:11px;font-weight:600;opacity:.92;text-transform:capitalize;white-space:nowrap}
#loginScreen .hc-ar{display:block;font-size:11px;font-weight:600;opacity:.85;direction:rtl;font-family:Tahoma,Arial,sans-serif;white-space:nowrap}
#loginScreen .hc .d-short{display:none}
@keyframes hcBlink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){#loginScreen .hc-sep{animation:none}}
@media (max-width:560px){
  #loginScreen .hc{min-height:38px;padding:4px 10px 4px 5px;gap:7px}
  #loginScreen .hc-ic{width:26px;height:26px;font-size:14px}
  #loginScreen .hc-time{font-size:15px}#loginScreen .hc-sec{font-size:10px}
  #loginScreen .hc .d-long{display:none}#loginScreen .hc .d-short{display:inline}
  #loginScreen .hc-ar{display:none}
}
@media print{#loginScreen .hc{display:none!important}}

/* ===== formulaires-v2066.css ===== */
/* v2.0.66 — Formulaires de saisie harmonisés (Titre, Date, Priorité, Public, Statut, Canal…)
   S'applique à toutes les pages de l'application : form.form, .form-grid, .compact-form.
   Les écrans « Gestion » (style logiciel de bureau) ne sont pas modifiés. */
:root{
  --fp-green:#00853f;--fp-green-d:#066a35;--fp-gold:#f6c915;--fp-red:#d92d20;--fp-amber:#d98a00;--fp-blue:#1f6fd1;
  --fp-ink:#13223d;--fp-muted:#64748b;--fp-line:#d7e0ea;--fp-field:#f7f9fc;--fp-card:#fff;--fp-ring:rgba(0,133,63,.18)
}

/* ── Carte du formulaire ─────────────────────────────── */
main>.view form.form,main>.view form.form-grid,main>.view form.compact-form{
  position:relative;background:var(--fp-card);border:1px solid var(--fp-line)!important;border-radius:16px!important;
  padding:20px 22px 22px!important;box-shadow:0 1px 2px rgba(15,35,60,.04),0 8px 24px -14px rgba(15,35,60,.18)!important;overflow:hidden}
main>.view form.form:before,main>.view form.form-grid:before,main>.view form.compact-form:before{
  content:"";position:absolute;left:0;top:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--fp-green) 0 34%,var(--fp-gold) 34% 67%,var(--fp-red) 67%)}
main>.view form.form>h3,main>.view form.form-grid>h3,main>.view form.compact-form>h3{
  grid-column:1/-1;margin:2px 0 2px!important;font-size:17px!important;font-weight:800;color:var(--fp-ink)!important;
  display:flex;align-items:center;gap:10px}
main>.view form.form>h3:before,main>.view form.form-grid>h3:before{
  content:"✎";display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:15px;font-weight:400;
  color:var(--fp-green);background:rgba(0,133,63,.10)}
main>.view form .fp-sub{grid-column:1/-1;margin:-6px 0 4px;font-size:12.5px;color:var(--fp-muted)}

/* Grille du formulaire « form-grid » (page Rappels & tâches) */
main>.view form.form-grid,main>.view form.compact-form{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 16px;align-items:start}
main>.view form.compact-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
main>.view form.compact-form .wide,main>.view form .fp-wide{grid-column:1/-1}

/* ── Étiquettes avec pictogramme ─────────────────────── */
main>.view form.form label,main>.view form.form-grid label,main>.view form.compact-form label{
  display:block!important;margin:0;min-width:0;
  font-size:11.5px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#42536b}
main>.view form.form label:has(>input[type=checkbox]),main>.view form.form label:has(>input[type=radio]){
  display:flex!important;flex-direction:row;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-size:13px!important}
main>.view form label[dir=rtl]{text-transform:none;letter-spacing:0;font-size:12.5px!important}
main>.view form label:has(>[name=title]):before,main>.view form label:has(>[name=titleAr]):before{content:"🏷️"}
main>.view form label:has(>[type=date]):before{content:"📅"}
main>.view form label:has(>[name=priority]):before{content:"🚩"}
main>.view form label:has(>[name=audience]):before{content:"👥"}
main>.view form label:has(>[name=status]):before{content:"📌"}
main>.view form label:has(>[name=channel]):before{content:"📡"}
main>.view form label:has(>[name=message]):before,main>.view form label:has(>[name=messageAr]):before{content:"💬"}
main>.view form label:has(>textarea[name=details]):before{content:"📝"}
main>.view form label:has(>[name=person]):before{content:"👤"}
main>.view form label:has(>[name=amount]):before{content:"💰"}
main>.view form label:has(>[name=title]):before,main>.view form label:has(>[name=titleAr]):before,
main>.view form label:has(>[type=date]):before,main>.view form label:has(>[name=priority]):before,
main>.view form label:has(>[name=audience]):before,main>.view form label:has(>[name=status]):before,
main>.view form label:has(>[name=channel]):before,main>.view form label:has(>[name=message]):before,
main>.view form label:has(>[name=messageAr]):before,main>.view form label:has(>textarea[name=details]):before,
main>.view form label:has(>[name=person]):before,main>.view form label:has(>[name=amount]):before{
  display:inline-block;margin-right:6px;font-size:13px;letter-spacing:0;filter:saturate(.9)}
main>.view form label[dir=rtl]:before{margin-right:0;margin-left:6px}

/* ── Champs de saisie ───────────────────────────────── */
main>.view form.form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
main>.view form.form select,main>.view form.form textarea,
main>.view form.form-grid input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
main>.view form.form-grid select,main>.view form.form-grid textarea,
main>.view form.compact-form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
main>.view form.compact-form select,main>.view form.compact-form textarea{
  display:block;margin-top:7px;width:100%;min-height:44px;padding:10px 13px;border:1.5px solid var(--fp-line);border-radius:11px;background:var(--fp-field);
  font:inherit;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--fp-ink);
  transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box}
main>.view form input::placeholder,main>.view form textarea::placeholder{color:#9aa8ba;font-weight:400}
main>.view form input:hover:not(:disabled):not([readonly]),main>.view form select:hover:not(:disabled),main>.view form textarea:hover:not(:disabled){border-color:#b5c4d6}
main>.view form input:focus,main>.view form select:focus,main>.view form textarea:focus{
  outline:none!important;background:#fff;border-color:var(--fp-green)!important;box-shadow:0 0 0 4px var(--fp-ring)}
main>.view form input:disabled,main>.view form select:disabled,main>.view form textarea:disabled,main>.view form input[readonly]{opacity:.7;cursor:not-allowed;background:#eef2f7}
main>.view form textarea{min-height:92px;resize:vertical;line-height:1.45}

/* Liste déroulante : flèche personnalisée */
main>.view form.form select,main>.view form.form-grid select,main>.view form.compact-form select{
  -webkit-appearance:none;appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2300853f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center}
main>.view form[dir=rtl] select,main>.view label[dir=rtl] select{background-position:left 13px center;padding-right:13px;padding-left:38px}

/* Date : pictogramme calendrier vert */
main>.view form input[type=date],main>.view form input[type=time],main>.view form input[type=datetime-local]{cursor:pointer;min-width:0}
main>.view form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85;padding:5px;border-radius:7px;
  filter:invert(32%) sepia(96%) saturate(1500%) hue-rotate(115deg) brightness(.85)}
main>.view form input[type=date]::-webkit-calendar-picker-indicator:hover{background:rgba(0,133,63,.12)}

/* Texte arabe */
main>.view form input[dir=rtl],main>.view form textarea[dir=rtl]{text-align:right;font-size:15px}

/* ── Choix rapides (Priorité, Public, Statut, Canal…) ──
   Le <select> reste dans le formulaire (même valeur envoyée) ; il est simplement masqué. */
.fp-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:7px 0 0}
.fp-seg button{
  --tone:var(--fp-green);min-height:42px;padding:8px 10px;border:1.5px solid var(--fp-line);border-radius:11px;background:var(--fp-field);
  color:#42536b;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:all .15s;white-space:nowrap}
.fp-seg button:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tone);opacity:.55;flex:none;transition:all .15s}
.fp-seg button:hover{border-color:var(--tone);background:#fff;transform:translateY(-1px)}
.fp-seg button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--fp-ring);border-color:var(--tone)}
.fp-seg button[aria-checked=true]{background:var(--tone);border-color:var(--tone);color:#fff;box-shadow:0 6px 14px -8px var(--tone)}
.fp-seg button[aria-checked=true]:before{background:#fff;opacity:1;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.fp-seg button[data-tone=urgent]{--tone:var(--fp-red)}
.fp-seg button[data-tone=important]{--tone:var(--fp-amber)}
.fp-seg button[data-tone=normal]{--tone:var(--fp-green)}
.fp-seg button[data-tone=info]{--tone:var(--fp-blue)}
.fp-seg button[data-tone=neutral]{--tone:#4a5d78}
select.fp-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;margin:0!important}

/* ── Bouton d'enregistrement ─────────────────────────── */
main>.view form.form>button.primary,main>.view form.form-grid>button.primary,main>.view form.compact-form>button.primary,
main>.view form.form>button:not([type=button]):not([type=reset]):last-child{
  grid-column:1/-1;justify-self:stretch;width:100%;min-height:46px;padding:0 22px;border:0;border-radius:12px;font-size:14.5px;font-weight:800;letter-spacing:.02em;
  background:linear-gradient(135deg,var(--fp-green),#0ba352)!important;color:#fff;cursor:pointer;
  box-shadow:0 10px 20px -12px var(--fp-green);transition:transform .15s,box-shadow .15s,filter .15s}
main>.view form.form>button.primary:hover,main>.view form.form-grid>button.primary:hover,main>.view form.compact-form>button.primary:hover{
  transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 24px -12px var(--fp-green)}
main>.view form.form>button.primary:active,main>.view form.form-grid>button.primary:active{transform:translateY(0)}
@media(min-width:760px){
  main>.view form.form>button.primary,main>.view form.form-grid>button.primary,main>.view form.compact-form>button.primary{justify-self:start;width:auto;min-width:240px}
}

/* ── Page « Rappels & tâches » ───────────────────────── */
#remindershub .two{display:grid;grid-template-columns:minmax(300px,460px) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:900px){#remindershub .two{grid-template-columns:1fr}}
#remindershub form.form-grid>label:has(>[name=title]),#remindershub form.form-grid>label:has(>[name=titleAr]),
#remindershub form.form-grid>label:has(>.fp-seg),#remindershub form.form-grid>label:has(>[name=priority]),
#remindershub form.form-grid>label:has(>[name=audience]){grid-column:1/-1}
#reminderList{display:grid;gap:10px}
#reminderList .record-item{display:grid;gap:6px;padding:12px 14px 12px 16px;border:1px solid var(--fp-line);border-left:4px solid var(--fp-green);border-radius:12px;background:#fff;transition:box-shadow .15s}
#reminderList .record-item:hover{box-shadow:0 8px 18px -12px rgba(15,35,60,.35)}
#reminderList .record-item.prio-urgent{border-left-color:var(--fp-red)}
#reminderList .record-item.prio-important{border-left-color:var(--fp-amber)}
#reminderList .record-item b{font-size:14.5px;color:var(--fp-ink)}
#reminderList .rem-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fp-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:#eef2f7;color:#42536b}
.fp-pill.urgent{background:#fdecea;color:#b42318}
.fp-pill.important{background:#fff3d6;color:#9a6200}
.fp-pill.normal{background:#e3f5ea;color:#066a35}

/* ── Mobile ──────────────────────────────────────────── */
@media(max-width:700px){
  main>.view form.form,main>.view form.form-grid,main>.view form.compact-form{padding:16px 14px 18px!important;grid-template-columns:1fr!important;border-radius:14px!important}
  main>.view form.form>button.primary,main>.view form.form-grid>button.primary,main>.view form.compact-form>button.primary{width:100%;min-width:0}
}

/* ===== carte-scolaire-v2068.css ===== */
.c-card-layout{grid-template-columns:minmax(290px,420px) minmax(340px,1fr);gap:28px}.c-card-list .c-pick-l.tall{max-height:min(48vh,430px)}.c-card-list td,.c-card-list th{padding:5px 7px;font-size:11px}.c-card-list .on td{background:#fff5b5!important;color:#172d28!important}.card-count{display:block;margin-top:6px;color:#5b6e64;font-size:11px}.card-preview-title{width:100%;padding:9px 12px;background:linear-gradient(100deg,#00853f,#fdef42,#e31b23);color:#123525;font-weight:700;font-size:12px;border-radius:6px 6px 0 0;margin-bottom:12px}.c-card-view .c-actions{width:100%;flex-wrap:wrap;margin-top:20px;border-top:1px solid #d6ddd8;padding-top:12px}.c-card-view .c-actions button{font-size:11px;padding:8px 11px}.c-card-view .cs.school-card,.cs.school-card{zoom:1;width:85.6mm;height:54mm;box-sizing:border-box;border:1px solid #b4c6bd;border-radius:2mm;background:#fff;overflow:hidden;display:flex;flex-direction:column;color:#152a21;font-family:Arial,sans-serif;box-shadow:0 5px 18px #122d2224;padding:0}.school-card-head{display:flex;align-items:center;justify-content:space-between;border-top:1.5mm solid transparent;border-image:linear-gradient(90deg,#00853f,#fdef42,#e31b23) 1;background:linear-gradient(#fffce2,#fff);padding:1.4mm 2.4mm;min-height:12mm;box-sizing:border-box}.school-card-head div{flex:1;min-width:0;text-align:center}.school-card-head small{display:block;font-size:4.8pt}.school-card-head b{display:block;font-size:7.1pt;line-height:1.15;overflow-wrap:anywhere;max-height:6mm;overflow:hidden}.school-card-head em{font-style:normal;display:block;font-size:5.7pt;letter-spacing:.5mm;color:#00853f;font-weight:bold}.school-card-head img{width:9mm;height:9mm;object-fit:contain;margin-left:1mm}.school-card-body{display:flex;gap:2mm;padding:1mm 2.4mm;min-height:25mm;align-items:center;flex:1}.school-card-photo{width:21mm;height:21mm;flex:none;border:1px solid #bdcdc3;background:#f0f5f2;display:grid;place-items:center;text-align:center;font-size:6pt;color:#698073}.school-card-photo img{width:100%;height:100%;object-fit:cover}.school-card-details{flex:1;min-width:0}.school-card-name{display:block;font-size:7pt;line-height:1.2;text-transform:uppercase;color:#07502e;overflow-wrap:anywhere;max-height:7mm;overflow:hidden;margin-bottom:1mm}.school-card-details dl{display:grid;grid-template-columns:14mm 1fr;gap:.6mm 1mm;margin:0;font-size:5.3pt;line-height:1.1}.school-card-details dt{color:#64756b}.school-card-details dd{margin:0;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.school-card-verification{width:13mm;flex:none;text-align:center;font-size:4.5pt;color:#607366}.school-card-verification .of-qr-mini{width:13mm;height:13mm}.school-card-bottom{display:flex;justify-content:space-between;align-items:center;padding:.5mm 2.4mm;font-size:5pt}.school-card-barcode{width:43mm}.school-card-barcode svg{display:block;width:100%;height:5mm;fill:#000}.school-card-barcode span{display:block;font-size:4.5pt;text-align:center;letter-spacing:.3mm}.school-card footer{background:#dff4e7;border-top:.5mm solid #00853f;text-align:center;font-weight:bold;font-size:5pt;padding:.8mm 1mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.c-card-layout{grid-template-columns:1fr;gap:16px}.c-card-view{align-items:center}.c-card-view .cs.school-card{max-width:100%}.c-card-list .c-pick-l.tall{max-height:28vh}}
@media print{.cs.school-card{width:85.6mm!important;height:54mm!important;zoom:1!important;box-shadow:none!important;flex:none!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.g-cards-grid{display:flex!important;flex-wrap:wrap;gap:6mm}.g-cards-grid .cs.school-card{position:static!important;width:85.6mm!important;height:54mm!important}.card-preview-title,.card-count,.c-actions{display:none!important}}

.c-card-list tr:focus-visible{outline:2px solid #00853f;outline-offset:-2px}.c-card-list th{position:sticky;top:0;background:#eff5f1;z-index:1}.school-card-verification .of-qr-mini svg{display:block;width:100%;height:100%}
@media(max-width:480px){.c-card-layout{grid-template-columns:minmax(0,1fr)}.c-card-view{min-width:0}.c-card-list .c-pick-h{flex-direction:column}.c-card-view .c-actions{display:grid;grid-template-columns:1fr 1fr}.c-card-view .cs.school-card{width:min(85.6mm,100%);height:auto;min-height:54mm}.school-card-body{gap:1mm;padding:1mm 1.5mm}.school-card-photo{width:18mm;height:18mm}.school-card-details dl{grid-template-columns:12mm 1fr}}
@media print{body.school-card-printing>*:not(.school-card-print-target){display:none!important}body.school-card-printing .school-card-print-target{position:static!important;visibility:visible!important;padding:0!important;margin:0!important;width:100%!important}body.school-card-printing .school-card-print-target *{visibility:visible!important}.school-card-print-target .school-card{margin:0!important;max-width:none!important}}

/* ===== fiche-eleve-v2070.css ===== */
#gestion .student-entry-window{max-width:900px;margin:8px auto;border:1px solid #cbd9d0;border-radius:8px;background:#fff;box-shadow:0 8px 26px #142d2520;overflow:hidden}#gestion .student-entry-header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:9px 13px;background:linear-gradient(110deg,#00853f,#fdef42,#e31b23);color:#112d20;font-size:12px}#gestion .student-entry-header button{border:0;background:#ffffffb3;border-radius:4px;padding:3px 8px;cursor:pointer}#gestion .student-entry-window .g-tool{padding:10px 12px;margin:0;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e2ebe5}#gestion .student-entry-window .g-tabs{padding:8px 12px;margin:0;display:flex;gap:5px;flex-wrap:wrap}#gestion .student-entry-window .g-tabs button{font-size:11px;padding:5px 9px}#gestion .student-entry-window .g-sheet{padding:10px 12px;border:0;border-radius:0;margin:0;box-shadow:none}#gestion .student-entry-window .g-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#gestion .student-entry-window fieldset{min-width:0;border:1px solid #dde7e0;padding:10px;display:grid;align-content:start;gap:6px}#gestion .student-entry-window legend{padding:4px 8px;background:#edf7f0;color:#07552f;font-weight:bold;font-size:11px;border-radius:4px}#gestion .student-entry-window label{grid-template-columns:105px minmax(0,1fr);font-size:11px;color:#405c4b}#gestion .student-entry-window input,#gestion .student-entry-window select{min-width:0;width:100%;box-sizing:border-box;min-height:26px;font-size:11px}#gestion .student-entry-window .photo4x4{width:4cm;height:4cm;margin:8px auto 0;border-radius:3px}#gestion .student-entry-window input[type=hidden],#gestion .student-entry-window .photo4x4 input[type=file]{display:none}#gestion .student-entry-window select[name=guardianId]{min-height:120px}#eStatus{padding:0 12px 10px;font-size:12px;color:#9a3e16;min-height:12px}#eStatus:empty{padding:0;min-height:0}@media(max-width:700px){#gestion .student-entry-window .g-cols{grid-template-columns:1fr}#gestion .student-entry-window label{grid-template-columns:90px minmax(0,1fr)}#gestion .student-entry-window .g-tool select{width:100%}}@media print{.student-entry-header button,.student-entry-window .g-tool,.student-entry-window .g-tabs,#eStatus{display:none!important}.student-entry-window{box-shadow:none!important;max-width:none!important}}

/* ===== ressources-humaines-v2072.css ===== */
.rh-access{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.rh-tile{width:170px;min-height:90px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:5px 8px;align-content:center;background:#fff;border:1px solid #d3dfd7;border-top:4px solid #00853f;border-radius:6px;padding:10px;text-align:left;cursor:pointer;box-shadow:0 2px 5px #173b2010}.rh-tile:nth-child(2){border-top-color:#e3bc15}.rh-tile:nth-child(3){border-top-color:#e31b23}.rh-tile span{font-size:25px;grid-row:1/3}.rh-tile b{font-size:11px;color:#1a4b32}.rh-tile small{font-size:10px;color:#64766b}.rh-tile:hover,.rh-tile:focus-visible{background:#edf7f0;outline:2px solid #00853f}.rh-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;padding:9px 0;font-size:11px}.rh-toolbar label{display:grid;gap:3px}.rh-toolbar input,.rh-toolbar select{padding:5px 8px;font-size:11px;min-height:28px}.rh-portrait{width:30px;height:30px;object-fit:cover;border-radius:3px}.rh-planning{max-height:32vh;overflow:auto}.rh-planning th{position:sticky;top:0;background:#eff6f1}.rh-form{max-width:570px;grid-template-columns:1fr 1fr}.rh-form label{font-size:11px;display:grid;gap:4px}.rh-form .photo4x4{grid-row:span 3;width:4cm;height:4cm}.rh-form .primary{justify-self:start}.rh-form input,.rh-form select{min-width:0}@media(max-width:600px){.rh-tile{width:calc(50% - 5px);box-sizing:border-box}.rh-form{grid-template-columns:1fr}.rh-form .photo4x4{grid-row:auto;margin:auto}}@media print{.rh-access,.rh-toolbar{display:none!important}.rh-planning{max-height:none;overflow:visible}}

/* ===== pwa-install.css ===== */
.pwa-actions{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:10000;padding:5px;background:#fffef4;border:1px solid #b6c9bd;border-radius:8px;box-shadow:0 2px 9px #16362520}.pwa-actions button{border:0;border-radius:5px;background:#00853f;color:#fff;padding:7px 10px;font:600 11px 'Segoe UI',sans-serif;white-space:nowrap;cursor:pointer}.pwa-actions button:nth-child(2){background:#173d2b}.pwa-actions button:disabled{opacity:.6;cursor:default}.pwa-help{max-width:440px;width:calc(100% - 40px);border:1px solid #bdcfc3;border-radius:10px;padding:16px;color:#173625;background:white;font:13px 'Segoe UI',sans-serif}.pwa-help::backdrop{background:#001c1966}.pwa-help h3{margin:0 0 12px;padding:10px;background:linear-gradient(105deg,#00853f,#fdef42,#e31b23);border-radius:5px}.pwa-help p{line-height:1.5;overflow-wrap:anywhere}.pwa-help a{display:block;color:#006833;margin:12px 0}.pwa-help button{padding:7px 14px;border:0;background:#00853f;color:#fff;border-radius:5px}@media print{.pwa-actions,.pwa-help{display:none!important}}

/* ===== payment-receipts.css ===== */
.solux-receipt-dialog{border:0;border-radius:10px;padding:0;width:440px;max-width:94vw;max-height:94vh;overflow:auto}.solux-receipt-dialog::backdrop{background:#0008}.receipt-title{padding:14px;font-weight:bold;background:linear-gradient(100deg,#00853f,#fdef42,#e31b23)}.solux-receipt{background:white;color:#111;padding:20px;font:12px Arial,sans-serif}.solux-receipt header{text-align:center;border-bottom:1px solid #555;padding-bottom:8px}.solux-receipt header strong{font-size:16px}.solux-receipt h2{font-size:15px;text-align:center}.solux-receipt dl{display:grid;grid-template-columns:100px 1fr;gap:5px;margin:12px 0}.solux-receipt dd{margin:0;overflow-wrap:anywhere}.solux-receipt dt{font-weight:bold}.receipt-amount{font-size:20px;text-align:center;border:1px solid #555;padding:8px}.solux-receipt footer{font-size:10px;overflow-wrap:anywhere}.receipt-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px}.receipt-actions button{padding:9px;cursor:pointer}#soluxReceiptPrint{display:none}
@media print{body.solux-receipt-printing> *{display:none!important}body.solux-receipt-printing>#soluxReceiptPrint{display:block!important;position:absolute;top:0;left:0;margin:0;box-sizing:border-box;box-shadow:none}#soluxReceiptPrint.receipt-quarter{width:105mm;height:148mm;padding:6mm}#soluxReceiptPrint.receipt-ticket{width:80mm;padding:4mm}.solux-receipt-printing .solux-receipt{font-size:10pt}.solux-receipt-printing .solux-receipt header strong{font-size:12pt}.solux-receipt-printing .solux-receipt dl{grid-template-columns:25mm 1fr}.solux-receipt-printing .solux-receipt footer{font-size:8pt}}
@media print{body.solux-receipt-printing{margin:0!important;padding:0!important}body.solux-receipt-printing #soluxReceiptPrint,body.solux-receipt-printing #soluxReceiptPrint *{visibility:visible!important}}
.receipt-summary{border-top:1px solid #777;padding-top:6px}.receipt-summary small{display:block;font-size:9px}.receipt-summary table{width:100%;border-collapse:collapse;font-size:9px}.receipt-summary th,.receipt-summary td{border-bottom:1px solid #ccc;padding:2px;text-align:left}.receipt-summary dl{margin:5px 0;gap:2px}.receipt-summary dl dt,.receipt-summary dl dd{font-size:10px}
@media print{#soluxReceiptPrint.receipt-quarter{height:auto;min-height:148mm;font-size:8pt}#soluxReceiptPrint.receipt-quarter dl{margin:5px 0;gap:2px}#soluxReceiptPrint.receipt-quarter header strong{font-size:10pt}#soluxReceiptPrint.receipt-quarter h2{font-size:9pt;margin:4px 0}#soluxReceiptPrint.receipt-quarter .receipt-amount{font-size:12pt;padding:3px;margin:4px 0}#soluxReceiptPrint.receipt-quarter footer{font-size:6pt}#soluxReceiptPrint.receipt-quarter .receipt-summary{font-size:7pt}}
@media print{#soluxReceiptPrint.receipt-full{width:210mm;padding:10mm}#soluxReceiptPrint.receipt-full .receipt-summary table{font-size:10pt}#soluxReceiptPrint.receipt-full .receipt-summary small{font-size:8pt}}

/* ===== prise-en-main-v2100.css ===== */
/* v2.0.100 : page « Prise en main » (liste des fonctionnalités et premiers pas par section) */
#prisemain .pm-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
#prisemain .pm-tab{border:1px solid #0b7a3b;background:#fff;color:#0b7a3b;border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer}
#prisemain .pm-tab.active{background:linear-gradient(90deg,#0b7a3b,#f2c200 60%,#c8102e);color:#fff;border-color:transparent}
#prisemain .pm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
#prisemain .pm-card{background:#fff;border:1px solid #d9e6dd;border-radius:12px;padding:14px 16px}
#prisemain .pm-card h3{margin:0 0 8px;color:#0b7a3b;font-size:1.02rem}
#prisemain .pm-card ul,#prisemain .pm-card ol{margin:0;padding-left:20px;line-height:1.55}
#prisemain .pm-go{background:none;border:0;color:#0b7a3b;text-decoration:underline;cursor:pointer;padding:0;font:inherit}
#prisemain .pm-note{background:#fff7d6;border-radius:10px;padding:9px 12px;margin-top:12px;font-size:.9rem}
#prisemain .pm-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#prisemain .pm-links a{display:inline-block;background:#0b7a3b;color:#fff;border-radius:8px;padding:8px 14px;text-decoration:none;font-weight:700}
#pmTopBtn{margin-right:8px;border:1px solid #f2c200;background:#fff7d6;color:#12331f;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}

/* ===== photos-tableaux-v2103.css ===== */
/* v2.0.103 — photo élève dans les tableaux */
.sx-cell{white-space:nowrap}
.sx-ph{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 8px 0 0;border-radius:50%;overflow:hidden;vertical-align:middle;border:2px solid #dbe5ef;background:#f1f6fb;flex:none}
.sx-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sx-ph-i{background:linear-gradient(135deg,#00853f,#d7c313);color:#fff;font-weight:700;font-size:12px;letter-spacing:.3px}
.sx-ph:hover{transform:scale(2.4);position:relative;z-index:30;box-shadow:0 6px 18px #0004;transition:transform .12s}
@media print{.sx-ph{width:26px;height:26px;border:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sx-ph:hover{transform:none}.sx-ph-i{background:#fff!important;color:#000}}

/* ===== tableau-bord-v2113.css ===== */
/* v2.0.113 — nouvelle structure du Tableau de bord : en-tête → indicateurs → zone principale (2/3) + colonne latérale (1/3) → dernières opérations */
#dashboard{display:flex;flex-direction:column;gap:16px}
#dashboard>*{margin:0!important}
#dashboard .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
#dashboard .dash-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:16px;align-items:start}
#dashboard .dash-col-main,#dashboard .dash-col-side{display:flex;flex-direction:column;gap:16px;min-width:0}
#dashboard .dash-col-main>.panel,#dashboard .dash-col-side>.panel{margin:0}
#dashboard .dash-col-side>.panel>h3,#dashboard .dash-col-main>.panel>h3{margin-top:0}
#dashboard .dash-col-main .money{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#dashboard .dash-col-side .lines p,#dashboard .dash-col-side .digital-lines p{display:flex;justify-content:space-between;gap:10px;margin:6px 0}
#dashboard .dash-col-side .big-number{font-size:34px;font-weight:700}
#dashboard .dash-grid.bottom{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:16px}
#dashboard .dash-grid.bottom>.span2{grid-column:auto}
@media(max-width:1100px){#dashboard .dash-main,#dashboard .dash-grid.bottom{grid-template-columns:1fr}#dashboard .dash-col-main .money{grid-template-columns:repeat(2,minmax(0,1fr))}}
#dashboard>*{flex-shrink:0}
#dashboard .module-tabs{padding:8px 12px}
#dashboard .dash-col-side>.panel:first-child{order:3}   /* alertes après caisse et paiements numériques */
#dashboard .dash-col-side>.panel:nth-child(4){order:4}

/* ===== dashboard-v2114.css ===== */
/* SOLUX 2.0.114 - modernisation non destructive du tableau de bord */
#dashboard{--sv114-ink:#152742;--sv114-blue:#2563eb;--sv114-line:#dce5f1}
#dashboard .dashboard-hero{background:linear-gradient(115deg,#122e55,#2455a4 65%,#1683ae)!important;color:#fff!important;border-radius:18px!important;padding:20px 24px!important;box-shadow:0 9px 24px rgba(20,53,110,.15)}
#dashboard .dashboard-hero h2,#dashboard .dashboard-hero b,#dashboard .dashboard-hero span{color:#fff}
#dashboard .dashboard-hero .quick-actions button{border-radius:9px}
#dashboard .solux-v114-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
#dashboard .solux-v114-actions button{background:#fff;color:#17385c;border:1px solid var(--sv114-line);border-radius:11px;padding:11px 8px;cursor:pointer;font:600 12px/1.35 inherit;min-height:42px;box-shadow:0 2px 7px #12325b0b}
#dashboard .solux-v114-actions button:hover,#dashboard .solux-v114-actions button:focus-visible{background:#eff6ff;border-color:#6ca5ff;outline:2px solid transparent}
#dashboard .kpis{gap:10px!important}
#dashboard .kpi{border-radius:14px!important;min-width:0;box-shadow:0 3px 12px #13294d0b}
#dashboard .panel{border-radius:14px}
#dashboard .module-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px}
#dashboard .module-tab{border-radius:9px}
#dashboard .dash-main{gap:12px}
@media(max-width:800px){#dashboard .solux-v114-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#dashboard .dashboard-hero{padding:15px!important}}
@media(max-width:390px){#dashboard .solux-v114-actions button{font-size:11px;padding:8px 5px}}

/* ===== solux-clair-v2120.css ===== */
/* SOLUX v2.0.120 — thème clair, contraste renforcé, sans toucher aux données */
:root{--solux-light-bg:#f5f8fd;--solux-light-card:#ffffff;--solux-light-ink:#182b45;--solux-light-muted:#475b73;--solux-light-border:#d5e0ed;color-scheme:light}
body{background:var(--solux-light-bg)!important;color:var(--solux-light-ink)}
main,.workspace,.main-content,.content,.dashboard-content{background-color:var(--solux-light-bg)}
.card,.panel,.widget,.stat-card,.kpi-card,.modal-content,.dialog-content,.table-wrap{background-color:var(--solux-light-card);border-color:var(--solux-light-border)}
.card,.panel,.widget,.stat-card,.kpi-card{color:var(--solux-light-ink)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:#fff;color:#152b43;border-color:#b9c9db}
input::placeholder,textarea::placeholder{color:#66788d;opacity:1}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #4e91e9;outline-offset:2px}
table{background-color:#fff;color:#1c3047}td,th{border-color:#d9e2ec}tbody tr:nth-child(even){background-color:#f4f7fb}tbody tr:hover{background-color:#eaf3ff}
label,.help-text,.muted,.subtle,.secondary-text{color:#485c74}
/* Les barres de navigation et boutons colorés conservent leur contraste d'origine. */
@media print{body,main,.workspace,.main-content{background:#fff!important}}

/* ===== solux-lisibilite-v2121.css ===== */
/* SOLUX 2.0.121 : finition lisibilite / formulaires / tableaux */
:root{--solux-light-bg:#f7f9fd;--solux-light-card:#fff;--solux-light-ink:#172a43;--solux-light-muted:#435670;--solux-light-border:#cdd9e8}
html{color-scheme:light}body{background-color:#f7f9fd;color:#172a43}
:is(main,.workspace,.main-content,.dashboard-content){background-color:#f7f9fd}
:is(.card,.panel,.widget,.stat-card,.kpi-card,.table-wrap,.modal-content,.dialog-content){border-color:#cdd9e8}
:is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff;color:#172a43;border:1px solid #b3c5d9;box-shadow:none}
:is(input,select,textarea):disabled{background:#edf2f8;color:#4e6075;opacity:1}
:is(input,select,textarea)::placeholder{color:#61738a;opacity:1}
:is(input,select,textarea):focus-visible{outline:3px solid #397bd1;outline-offset:2px;border-color:#397bd1}
:is(button,a,[role=button]):focus-visible{outline:3px solid #397bd1;outline-offset:3px}
:is(.muted,.help-text,.hint,.subtle,.secondary-text,small){color:#435670}
:is(table,.data-table){background:#fff;color:#172a43}
:is(table,.data-table) :is(td,th){border-color:#d6e0ec}
:is(table,.data-table) tbody tr:nth-child(even){background:#f4f7fb}
:is(table,.data-table) tbody tr:hover{background:#eaf2ff}
:is(.modal-content,.dialog-content){background:#fff;color:#172a43}
/* Ne pas forcer les textes sombres dans les en-tetes et boutons colores. */
@media (prefers-reduced-motion:reduce){*:focus-visible{scroll-behavior:auto}}
@media print{body{background:#fff!important;color:#111!important}}

/* ===== solux-senegal-doux-v2126.css ===== */
/* SOLUX v2.0.126 — drapeau du Sénégal en dégradé très léger. */
:root{--sn-green:#00853f;--sn-yellow:#fdef42;--sn-red:#e31b23;--sn-ink:#203249;--sn-paper:#ffffff}
html body{background:linear-gradient(112deg,rgba(0,133,63,.065) 0%,rgba(255,255,255,.96) 32%,rgba(253,239,66,.10) 56%,rgba(255,255,255,.96) 77%,rgba(227,27,35,.055) 100%) fixed!important;color:var(--sn-ink)}
body :is(main,.workspace,.main-content,.dashboard-content,#app.wrap){background:transparent!important}
body :is(.card,.panel,.widget,.stat-card,.kpi-card,.table-wrap,.modal-content,.dialog-content){background-color:rgba(255,255,255,.97);border-color:#d6e3d9}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff;color:#203249;border-color:#bdcfc5}
body :is(input,select,textarea,button,a):focus-visible{outline:3px solid #00853f;outline-offset:2px}
body :is(.top,header.top){background:linear-gradient(105deg,#00853f 0%,#149753 38%,#f3d64a 70%,#d73c40 100%)!important}
body :is(.top,header.top) :is(h1,small,span){color:#142f29!important;text-shadow:0 1px 1px rgba(255,255,255,.4)}
body :is(.top,header.top) button{color:#18372c}
body :is(.sidebar,.side-nav,nav.sidebar){border-right:3px solid rgba(0,133,63,.28)}
body :is(table,.data-table) tbody tr:nth-child(even){background:#f7fbf6}
body :is(table,.data-table) tbody tr:hover{background:#fffce9}
@media print{html body{background:#fff!important}}

/* ===== theme-senegal-v2137.css ===== */
/* SOLUX v2.0.137 — Sénégal doux : vert / jaune / rouge, lisibilité */
:root{--sn-green:#147a46;--sn-dark:#174e32;--sn-yellow:#f9e78a;--sn-red:#eaa5a5;--sn-ink:#203c2c;--sn-border:#cfe5d2}
html,body{background:linear-gradient(118deg,#dff3e5 0%,#eef9ec 25%,#fffbea 52%,#fff2e9 77%,#f9e6e6 100%) fixed!important;color:var(--sn-ink)!important}
header,.topbar,.header,.app-header,.host-header{background:linear-gradient(105deg,#d5efdf 0%,#fff4c9 53%,#f7dbd9 100%)!important;color:#18452d!important;border-color:#c9dfc8!important}
aside,.sidebar,.side-menu,.nav-sidebar{background:linear-gradient(160deg,#e2f4e8 0%,#f5fbe9 54%,#fff4e6 100%)!important;color:#18452d!important;border-color:#cce4d0!important}
.card,.panel,.tile,.modal-content,.dialog-content,fieldset,table,.school-card,.stat-card{background-color:#fffefa!important;color:#203c2c!important;border-color:#d4e7d5!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff!important;color:#173d2b!important;border-color:#bbd7c3!important}
input::placeholder,textarea::placeholder{color:#607767!important}
label,td,th,p,h1,h2,h3,h4,h5,h6{color:inherit}
a:not(.btn):not(.primary),a:visited:not(.btn):not(.primary){color:#176b3d}
a:hover:not(.btn):not(.primary){color:#a43b39}
button:not(.primary):not(.danger),.btn:not(.primary):not(.danger){border-color:#badac2;color:#1b5836}
button.primary,.btn.primary{background:linear-gradient(105deg,#2c9a62,#4aa976)!important;color:#fff!important}
tr:nth-child(even){background:#f0f8ef!important}tr:hover{background:#fff8e2!important}
:focus-visible{outline:3px solid #2d8a52!important;outline-offset:2px}
/* Respecter les couleurs d'état, photos, logos et graphiques */

/* ===== formulaires-senegal-v2145.css ===== */
/* v2.0.145 — formulaires centrés, en-tête Sénégal pastel */
#gestion .g-modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:rgba(24,52,37,.34)!important;z-index:9000!important}
#gestion .g-modal.hidden{display:none!important}
#gestion .g-dialog{width:min(900px,96vw)!important;min-width:0!important;max-width:96vw!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;border:1px solid #c5d9c9!important;overflow:hidden!important;box-shadow:0 24px 65px rgba(15,56,31,.23)!important;background:#fff!important}
#gestion .g-dhead{flex-shrink:0!important;background:linear-gradient(100deg,#bde9ca 0%,#e1f3cf 27%,#fff3ba 55%,#f6d3d1 100%)!important;color:#17452c!important;text-shadow:none!important;border:0!important;border-bottom:2px solid #a9d2b2!important;padding:14px 18px!important;font-size:15px!important}
#gestion .g-dhead span{color:#17452c!important;font-weight:800!important}
#gestion .g-dhead button{background:#fff!important;color:#17452c!important;border:1px solid #a7c9ae!important;border-radius:8px!important;min-width:32px;min-height:32px}
#gestion .g-dbody{overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px!important;flex:1!important}
#gestion .rh-form-rich{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;max-width:none!important}
#gestion .rh-form-rich label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:12px!important;color:#254c35!important}
#gestion .rh-form-rich input,#gestion .rh-form-rich select,#gestion .rh-form-rich textarea{width:100%!important;box-sizing:border-box!important;min-height:35px!important;border:1px solid #c6d8cb!important;border-radius:7px!important;padding:7px 9px!important;background:#fff!important;color:#203d2a!important}
#gestion .rh-form-rich .rh-section{grid-column:1/-1;background:linear-gradient(90deg,#e0f3e6,#fff7d8,#fbe9e7);padding:9px 12px;border-radius:8px;color:#1a5d36;font-weight:800;font-size:13px;margin-top:4px}
#gestion .rh-form-rich .rh-photo,#gestion .rh-form-rich .rh-wide,#gestion .rh-form-rich .rh-actions,#gestion .rh-form-rich .rh-hint{grid-column:1/-1}
#gestion .rh-form-rich .rh-photo{display:flex;align-items:center;gap:14px}
#gestion .rh-form-rich .rh-photo img{width:72px;height:88px;object-fit:cover;border-radius:8px;border:1px solid #bcd4c2}
#gestion .rh-form-rich .rh-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-18px;padding:12px;background:#fff;border-top:1px solid #d9e8dc}
#gestion .rh-form-rich .rh-actions button{border-radius:8px;padding:9px 16px;cursor:pointer}
#gestion .rh-form-rich .rh-hint{font-size:11px;color:#52725c;margin:0}
@media(max-width:640px){#gestion .rh-form-rich{grid-template-columns:1fr!important}#gestion .g-dbody{padding:12px!important}}

/* ===== theme-gces-v2150.css ===== */
/* SOLUX-GCES v2.0.150 — thème validé : contraste élevé, Sénégal lumineux.
   Modifications purement visuelles : aucune donnée de démonstration injectée. */
:root{--gces-green:#087d3c;--gces-navy:#0b2857;--gces-text:#183c30;--gces-border:#d8e5dc}
body{color:#193d30!important;background:linear-gradient(125deg,#e9fff1 0%,#fffbe9 54%,#fff0ec 100%) fixed!important}
/* La navigation était presque illisible : opacité et couleurs forcées uniquement dans la barre latérale. */
.sidebar,.side-menu,.nav-sidebar{background:linear-gradient(175deg,#f7fffa 0%,#f5fcf2 65%,#fff8ed 100%)!important;color:#123e2a!important}
.sidebar :is(.nav,.nav-section-title,.nav-group,.nav-items,.nav a,.nav button),.sidebar .nav:not(.active){color:#16482f!important;opacity:1!important;text-shadow:none!important}
.sidebar :is(.nav,.nav-section-title,.nav-group) *{opacity:1!important}
.sidebar .nav:not(.active):hover{background:#e0f6e9!important;color:#075f33!important}
.sidebar .nav.active{background:linear-gradient(100deg,#087d3c,#20ae64)!important;color:#fff!important;box-shadow:0 4px 12px #00662d24}
.sidebar .nav.active *{color:#fff!important}
.sidebar .nav-section-title{color:#0d6940!important;font-weight:800!important;letter-spacing:.035em}
.sidebar .brand{background:linear-gradient(125deg,#07502f,#096d3d)!important;color:#fff!important}
.sidebar .brand *{color:#fff!important;opacity:1!important}
/* Bandeau Sénégal clair, sans textes blancs sur jaune clair. */
.topbar,.app-header,header.app-header{background:linear-gradient(105deg,#a9edc9 0%,#fff2a8 55%,#ffc6bd 100%)!important;color:#153e2d!important}
.topbar :is(h1,h2,h3,.title,.subtitle),.app-header :is(h1,h2,h3,.title,.subtitle){color:#143e2d!important;opacity:1!important}
/* Surfaces, statistiques et raccourcis : lisibilité et séparation des éléments. */
#dashboard :is(.card,.panel,.tile,.stat-card,.kpi-card),#dashboard .kpis>*{background:#fff!important;color:#173d2b!important;border:1px solid #dbe8df!important;border-radius:14px!important;box-shadow:0 5px 18px #0b442b0d}
#dashboard :is(.card,.panel,.tile,.stat-card,.kpi-card) :is(small,p,span,label){opacity:1}
#dashboard .module-tabs{background:#fff!important;border:1px solid #dbe8df!important;border-radius:12px}
/* Boutons accessibles avec focus visible */
button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #075e35!important;outline-offset:2px!important}
/* Les formulaires restent centrés, avec l'en-tête tricolore clair. */
:is(.modal-content,.dialog-content,.popup-content){background:#fff!important;color:#173d2b!important;border-radius:16px!important;box-shadow:0 20px 60px #0c352b35!important}
:is(.modal-header,.dialog-header,.popup-header){background:linear-gradient(105deg,#c6f2d5,#fff2bb,#fbd3cd)!important;color:#15472e!important}
@media(max-width:800px){.sidebar .nav-section-title{letter-spacing:0}}

/* ===== contraste-gces-v2151.css ===== */
/* v2.0.151 — correction des éléments réellement pâles sur la capture */
.sidebar .nav,.sidebar .nav-items .nav,.sidebar .nav-group,.sidebar .nav-section-title{opacity:1!important;filter:none!important;visibility:visible!important}
.sidebar .nav:not(.active),.sidebar .nav:not(.active) :is(span,b,small,i){color:#184c34!important;-webkit-text-fill-color:#184c34!important;opacity:1!important}
.sidebar .nav.active,.sidebar .nav.active :is(span,b,small,i){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
.sidebar .nav-group,.sidebar .nav-section-title{color:#12623c!important;-webkit-text-fill-color:#12623c!important;font-weight:750!important}
.sidebar .nav:disabled,.sidebar .nav[aria-disabled="true"]{opacity:.72!important;color:#426450!important;cursor:not-allowed}
.topbar,.topbar :is(span,b,strong,small,h1,h2,h3,p),.topbar .top-actions{color:#17462e!important;text-shadow:none!important;opacity:1!important}
.topbar button:not(.primary),.topbar select{color:#17462e!important;border-color:#c4d8c9!important}
.dashboard-hero,.dashboard-hero :is(h1,h2,h3,p,span,strong,small){color:#fff!important;opacity:1!important}
.dashboard-hero h1,.dashboard-hero h2{color:#fff!important;text-shadow:0 2px 4px #001b3155!important}
#dashboard :is(.kpi,.stat,.stat-card,.kpi-card) :is(b,strong,.value){opacity:1!important}
#dashboard :is(.quick-action,.quick-link,.shortcut){color:#133e2b!important;opacity:1!important}
:is(input,select,textarea){color:#153e2a!important}
:is(input,select,textarea)::placeholder{color:#61756a!important;opacity:1!important}
@media (prefers-reduced-motion:reduce){.sidebar .nav,.topbar button{transition:none!important}}

/* ===== roboto-contraste-v2164.css ===== */
/* SOLUX GCES 2.0.164 — lisibilite commune des 9 etablissements */
@font-face{font-family:"Roboto Local";src:local("Roboto"),local("Roboto Regular");font-display:swap}
:root{--solux-text:#132a24;--solux-muted:#38574e;--solux-green:#125e3b;--solux-border:#a9c7b9;--solux-focus:#076dca}
html,body,button,input,select,textarea,table{font-family:"Roboto Local",Roboto,"Segoe UI",Arial,sans-serif!important}
html{font-size:16px}body{color:var(--solux-text)}
:where(p,span,label,td,th,li,small,summary){text-shadow:none}
:where(label,th,legend){color:#173c2c;font-weight:600}
:where(input,select,textarea){color:#132a24!important;background-color:#fff!important;border:1.5px solid #789b8c!important;border-radius:7px;min-height:36px}
:where(input,select,textarea)::placeholder{color:#53675f!important;opacity:1}
:where(button,a,[role="button"]){font-weight:600}
:where(a){color:#075b3b}
:where(button,input,select,textarea,a):focus-visible{outline:3px solid var(--solux-focus)!important;outline-offset:2px}
:where(.card,.panel,.modal,.popup,.login-card,.portal-login-card,.stat-card){color:#132a24}
:where(.muted,.subtitle,.hint,.help-text,.text-muted){color:#3d574e!important}
:where(table){border-collapse:collapse} :where(thead th){background:#e1efe7;color:#153c2c}
:where(tbody tr:nth-child(even)){background-color:rgba(231,242,235,.64)}
:where(.primary,button.primary,.btn-primary){background-color:#12613e!important;color:#fff!important;border-color:#12613e!important}
:where(.primary,button.primary,.btn-primary):hover{background-color:#0a482d!important}
:where([dir="rtl"],:lang(ar)){font-family:Tahoma,"Noto Naskh Arabic","Segoe UI",sans-serif!important}
@media(max-width:700px){:where(input,select,textarea,button){font-size:15px}:where(table){font-size:14px}}
@media print{body{color:#111!important;background:#fff!important}:where(a){color:#111!important}}

/* ===== contraste-global-v2168.css ===== */
/* SOLUX GCES 2.0.168 — couche de lisibilite commune */
:root{--gces-ink:#153b2a;--gces-green:#126b3b;--gces-line:#9bbbaa;--gces-focus:#145eac}
html,body,button,input,select,textarea,table{font-family:Roboto,"Noto Sans Arabic","Segoe UI",Arial,sans-serif}
body{color:var(--gces-ink)}
button,input,select,textarea{font-size:inherit}
input:not([type=checkbox]):not([type=radio]),select,textarea{color:#173a2a;background:#fff;border:1px solid #799b88;border-radius:7px}
input::placeholder,textarea::placeholder{color:#526b5e;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gces-focus);outline-offset:2px}
a{color:#07542d;text-decoration-thickness:1.5px}
th{color:#143a29;background:#e1f0e6}td{color:#193a2a}
tr:nth-child(even) td{background:rgba(229,242,233,.45)}
label{color:#163d2a;font-weight:600}
button.primary,.btn-primary,button[type=submit]{background:#126b3b;color:#fff;border-color:#0c512d}
button.primary:hover,.btn-primary:hover,button[type=submit]:hover{background:#0c512d}
[dir=rtl]{font-family:"Noto Sans Arabic",Roboto,"Segoe UI",sans-serif}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v2.0.257 — Prise en main : manuel intégré */
#prisemain .pm-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
#prisemain #pmSearch{flex:1;min-width:240px;padding:9px 12px;border:1px solid #b9cfc0;border-radius:10px;font-size:.95rem}
#prisemain .pm-pdf{background:#0b7a3b;color:#fff;border-radius:8px;padding:9px 14px;text-decoration:none;font-weight:700;white-space:nowrap}
#prisemain .pm-mod{background:#fff;border:1px solid #d9e6dd;border-radius:12px;padding:8px 14px;margin:8px 0}
#prisemain .pm-mod>summary{cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:4px 0;list-style:none}
#prisemain .pm-mod>summary::-webkit-details-marker{display:none}
#prisemain .pm-mod>summary b{color:#0b7a3b}
#prisemain .pm-mod>summary span{font-size:.82rem;color:#5b6b61}
#prisemain .pm-mod[open]>summary{border-bottom:1px solid #e3ede6;margin-bottom:8px}
#prisemain .pm-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin-top:8px}
#prisemain .pm-fig{margin:6px 0}
#prisemain .pm-fig img{width:100%;border:1px solid #c6d4cb;border-radius:8px;cursor:zoom-in;display:block}
#prisemain .pm-fig figcaption{font-size:.78rem;color:#5b6b61;text-align:center;margin-top:3px}
#prisemain .pm-h{color:#0b7a3b;margin:18px 0 2px}
#prisemain .pm-sub{color:#5b6b61;margin:2px 0 8px;font-size:.9rem}
#prisemain .pm-check{list-style:none;padding-left:0}
#prisemain .pm-check li{margin:5px 0}
#prisemain .pm-check label{cursor:pointer;display:flex;gap:8px;align-items:flex-start}
#prisemain .pm-table{border-collapse:collapse;width:100%;font-size:.9rem}
#prisemain .pm-table td,#prisemain .pm-table th{border:1px solid #d9e6dd;padding:6px 8px;text-align:left;vertical-align:top}
#prisemain .pm-table th{background:#e8f5ec;color:#0b7a3b}
.pm-lb{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:zoom-out;padding:16px}
.pm-lb.hidden{display:none}
.pm-lb img{max-width:96vw;max-height:88vh;border-radius:8px;background:#fff}
.pm-lb p{color:#fff;margin:8px 0 0;font-size:.9rem}

/* SOLUX-GES v2.0.258 — lisibilité : textes d'information sur fonds colorés */
#loginScreen .w-info,.login-screen .w-info{color:#fff!important;opacity:1!important;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.45);display:block;margin-top:8px}
/* v2.0.258 — tableau de bord et en-tête : contraste renforcé (≥ 4,5:1) */
.dashboard-hero h2,.dashboard-hero .hero-kicker,.dashboard-hero span,.dashboard-hero small,.dashboard-hero b{color:#0f3d26!important;text-shadow:none!important}
.dashboard-hero .hero-kicker{color:#6b4f00!important;font-weight:800;letter-spacing:.06em}
.dashboard-hero .hero-clock small{color:#355846!important;font-weight:700}
.topbar .school-head .eyebrow{color:#6b4f00!important;font-weight:800;opacity:1!important}
.topbar .top-actions span,.topbar .top-actions small,.topbar .top-actions b,.topbar .top-actions strong,.topbar .top-actions div{color:#0f3d26!important;opacity:1!important}
.topbar .top-actions button{color:#0f3d26}
#pwaInstall,#pwaOpen,.pwa-actions button{color:#fff!important;font-weight:700}
.tb-empty{color:#d9e2dc!important;opacity:1!important}
.tb .tb-title,.tb-card .tb-title{color:#fff!important}
/* v2.0.258 — Espace Gestion : libellés plus grands et plus gras */
.g-tile b{font-size:12.5px!important;font-weight:700!important;line-height:1.25}
.g-side button{font-size:13px!important}
.g-side button.g-sms{font-size:12px!important}
/* v2.0.258 — taille minimale des petits textes (≥ 11,5 px) */
.nav-section-title,.nav-section-title.static{font-size:11.5px!important}
.dashboard-hero small,.dashboard-hero .hero-kicker{font-size:11.5px!important}
.tb-card h4,.tb-card .tb-opt,.tb-card span{font-size:11.5px!important}
.g-foot,.g-return,.topbar .eyebrow,.topbar .school-head b,.topbar .role-badge{font-size:12px!important}
.badge.neutral,.badge{font-size:12px!important}
.pwa-actions button,#pwaInstall,#pwaOpen{font-size:12.5px!important}
/* v2.0.258 — écran de connexion : libellés arabes, bouton et tailles lisibles */
#loginScreen #loginForm label,#loginScreen #loginForm label *{color:#fff!important;opacity:1!important;font-size:13px!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}
#loginScreen #loginForm label [dir=rtl],#loginScreen #loginForm label small,#loginScreen #loginForm label span,#loginScreen #loginForm label bdi{color:#ffe27a!important}
#loginScreen #loginForm input{font-size:14px!important}
#loginScreen #loginForm button.primary{background:linear-gradient(135deg,#0a4a28,#0f6b3a)!important;color:#fff!important;border:1px solid #ffd54a!important;font-size:14px!important;font-weight:800!important;text-shadow:none!important}
#loginScreen #loginForm a,#loginScreen #loginForm button.link,#loginScreen #loginForm #forgotPassword,#loginScreen #backPortals{color:#fff3b0!important;font-size:12.5px!important;font-weight:700!important}

/* ===== v2.0.323 — Formulaire d'inscription : 2 colonnes égales, tout visible, structure nette ===== */
#signupModal .su-dlg{width:min(720px,100%)!important;max-height:calc(100vh - 24px);overflow-y:auto;padding:10px 16px 14px!important}
#signupModal .su-head{margin:-10px -16px 10px!important;padding:11px 18px!important}
#signupModal .su-head h2{font-size:15px!important}
#signupModal .su-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-bottom:8px!important}
#signupModal .su-tab{padding:6px 4px!important;font-size:11.5px!important;min-height:38px}
#signupModal .su-hint{font-size:11px;line-height:1.35;color:#41564a;background:#f1f8f4;border:1px solid #d6e8dd;border-radius:6px;padding:5px 8px;margin-bottom:2px;grid-column:1/-1}
#signupModal form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 14px!important;align-items:end}
#signupModal .su-sec{font-size:10.5px!important;padding:0 0 3px!important;margin-top:6px!important;color:#00633a!important;border-bottom:2px solid #d6e8dd!important}
#signupModal label{font-size:11px!important;gap:3px!important;align-self:stretch;grid-template-rows:auto 1fr}
#signupModal label.su-span,#signupModal label.wide{grid-column:1/-1}
#signupModal label i{font-size:11px!important}
#signupModal input,#signupModal select{height:32px!important;padding:3px 9px!important;font-size:12.5px!important;border-radius:6px!important;box-sizing:border-box}
#signupModal .su-cap{font-size:11px}
#signupModal .rf-other{margin-top:4px}
#signupModal .su-msg{min-height:14px;font-size:11.5px!important}
#signupModal .su-ok{height:38px!important;font-size:13px!important;margin-top:4px}
#signupModal .su-foot{font-size:11px!important}
#signupModal .su-foot button{padding:4px 9px!important;font-size:11px!important}
@media(max-width:560px){#signupModal .su-dlg{width:100%!important;padding:8px 10px 12px!important}#signupModal .su-head{margin:-8px -10px 8px!important}#signupModal .su-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}#signupModal form{gap:6px 8px!important}#signupModal input,#signupModal select{font-size:12px!important;padding:3px 6px!important}}
@media(max-width:340px){#signupModal form{grid-template-columns:1fr!important}}