:root{--navy:#0d274a;--navy2:#09203d;--navy3:#173b6a;--gold:#c7a251;--bg:#f3f5f9;--white:#fff;--ink:#192a40;--muted:#63758c;--line:#dce3ec;--green:#187956;--red:#b33f4a;--blue:#2862a9;--shadow:0 6px 22px rgba(12,33,63,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.gov{background:white;border-bottom:1px solid #e5eaf0;height:33px;padding:5px 28px;font-size:11px;display:flex;justify-content:space-between}.flag{display:inline-flex;margin-right:10px;vertical-align:middle}.flag i{width:9px;height:16px;display:block;background:#153a8c}.flag i:nth-child(2){background:#fff;border:1px solid #ddd}.flag i:nth-child(3){background:#e23f47}.gov .right{color:#54667a}.app{display:flex;min-height:calc(100vh - 33px)}aside{background:linear-gradient(165deg,#102d53,#061b33);color:#e6edf7;width:258px;flex-shrink:0;min-height:calc(100vh - 33px);padding:20px 11px;position:sticky;top:0;height:calc(100vh - 33px);overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:4px 9px 22px;border-bottom:1px solid #ffffff2b}.crest{width:49px;height:54px;clip-path:polygon(50% 0,100% 14%,100% 71%,50% 100%,0 71%,0 14%);background:linear-gradient(150deg,#efd48d,#98702c);display:grid;place-items:center;color:#102a4e;font-size:27px}.crest span{clip-path:polygon(50% 0,100% 14%,100% 71%,50% 100%,0 71%,0 14%);background:#12345d;width:43px;height:48px;display:grid;place-items:center;color:#f6d78e}.brand b{font-family:Georgia,serif;font-size:18px;letter-spacing:.5px}.brand small{display:block;color:#b6c6da;font-size:10px}.group-label{font-weight:700;text-transform:uppercase;color:#8ca7c5;font-size:10px;letter-spacing:1.6px;margin:22px 11px 8px}.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#dbe5f0;background:transparent;border:0;width:100%;text-align:left;border-radius:7px;margin:2px 0}.nav:hover{background:#ffffff16}.nav.active{background:#284c7b;border-left:3px solid var(--gold);padding-left:9px;color:white;font-weight:700}.ico{font-size:17px;width:24px;text-align:center}.aside-foot{border-top:1px solid #ffffff25;margin:30px 10px;padding-top:18px;color:#a8bdd6;font-size:11px}main{min-width:0;flex:1}.topbar{height:77px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 28px;border-bottom:1px solid var(--line);gap:15px}.top-title{font-family:Georgia,serif;color:#0e2a50;font-size:19px;font-weight:700}.top-sub{font-size:11px;color:#8794a5}.top-user{display:flex;align-items:center;gap:10px;color:var(--navy)}.avatar{background:#e6ecf5;color:var(--navy);border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:19px}.content{padding:25px 29px 55px;max-width:1580px;margin:0 auto}.hero{background:linear-gradient(110deg,#0c2648 0%,#173f6e 62%,#234b78 100%);border-radius:10px;padding:25px 27px;color:white;margin-bottom:18px;position:relative;overflow:hidden;border-left:5px solid var(--gold)}.hero:after{content:'✦';font-size:200px;color:#ffffff09;position:absolute;right:60px;top:-94px}.hero h1{font-family:Georgia,serif;font-size:29px;margin:0 0 5px}.hero p{color:#cbd9ec;margin:0}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.header h1{font-family:Georgia,serif;color:#102c50;font-size:27px;margin:0}.header p{margin:3px 0;color:var(--muted)}.btn{border:0;border-radius:7px;background:var(--navy);color:white;font-weight:650;padding:10px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;box-shadow:none}.btn:hover{filter:brightness(1.13)}.btn.gold{background:linear-gradient(#e0bd6d,#c19a41);color:#172638}.btn.soft{background:#e8edf5;color:#1b3a62}.btn.red{background:#a63f4b}.btn.green{background:#147c5d}.btn.sm{padding:6px 9px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat{padding:18px}.stat .ic{float:right;background:#edf2f8;border-radius:10px;font-size:22px;padding:7px;color:#1e4a7e}.stat small{color:var(--muted);font-weight:650}.stat strong{display:block;font-size:30px;color:#0e2a4c;line-height:1.4}.stat em{font-size:11px;color:#63807f;font-style:normal}.cols{display:grid;grid-template-columns:1.38fr 1fr;gap:17px}.panel{padding:19px;margin-bottom:17px}.panel h2{font-family:Georgia,serif;font-size:19px;margin:0 0 15px;border-bottom:2px solid #d5b56f;padding-bottom:9px;color:#102b4e}.panel h3{font-size:14px;margin:0 0 10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}.toolbar input,.toolbar select{min-width:175px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:#526780;font-weight:700}.field input,.field select,.field textarea,input.search,select.select{background:white;border:1px solid #cbd5e1;border-radius:6px;padding:10px 11px;color:#142a45;width:100%;outline:none}.field input:focus,.field select:focus,.field textarea:focus,input.search:focus{border-color:#3d70a3;box-shadow:0 0 0 3px #3d70a323}.field textarea{min-height:94px;resize:vertical}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span2{grid-column:1/-1}.tablewrap{overflow:auto}.tbl{width:100%;border-collapse:collapse;min-width:560px}.tbl th{text-align:left;background:#eef2f7;color:#50637b;font-size:12px;padding:10px 12px;white-space:nowrap}.tbl td{border-bottom:1px solid #e7ecf2;padding:11px 12px;vertical-align:middle}.tbl tr:hover td{background:#fafcff}.tag{display:inline-flex;align-items:center;background:#e8f1fd;color:#235c9a;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:750;white-space:nowrap}.tag.green{background:#e2f4ec;color:#18714f}.tag.orange{background:#fff1d5;color:#95600f}.tag.red{background:#fce8ea;color:#a83b45}.muted{color:var(--muted)}.progress{background:#e6ecf4;border-radius:999px;height:10px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#11315c,#376ca2);height:100%;border-radius:999px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{display:flex;gap:9px;flex-wrap:wrap}.listitem{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e9edf2;padding:11px 0}.listitem:last-child{border:0}.listitem .round{width:36px;height:36px;border-radius:9px;background:#edf3f9;display:grid;place-items:center;font-size:18px}.listitem strong{display:block}.listitem small{color:var(--muted)}.notice{background:#f9f4e9;border:1px solid #ead8ab;color:#7e6128;border-radius:8px;padding:12px 14px;margin-bottom:17px}.notice.blue{background:#eaf1fa;border-color:#ccdaee;color:#24466e}.clockcard{background:#f0f6f5;border:1px solid #d4e7e0;border-radius:9px;padding:17px}.clockcard.off{background:#f6f8fa;border-color:#dfe6ee}.clockcard b{font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick{background:white;border:1px solid var(--line);border-radius:10px;padding:17px;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.quick:hover{border-color:#a9c3e0;transform:translateY(-1px)}.quick .qic{font-size:25px}.quick strong{display:block;margin:8px 0 3px;color:#13365d}.quick span{font-size:12px;color:var(--muted)}.dialogback{position:fixed;inset:0;background:#061528aa;display:grid;place-items:center;z-index:10;padding:15px}.dialog{background:white;width:min(710px,100%);max-height:92vh;overflow:auto;border-radius:12px;box-shadow:0 15px 70px #0005;padding:25px}.dialog h2{font-family:Georgia,serif;margin:0 0 5px}.dialog .hint{color:var(--muted);font-size:12px;margin-bottom:15px}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;right:20px;bottom:20px;background:#10375d;color:white;padding:13px 18px;border-radius:8px;box-shadow:0 9px 28px #0003;z-index:20}.empty{text-align:center;padding:32px;color:#8290a0}.kpi{text-align:center;background:#f2f5f9;border-radius:8px;padding:13px}.kpi strong{display:block;font-size:23px;color:#0f335b}.kpi small{color:var(--muted)}.pill{background:#e4f4eb;color:#1c7855;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:750}.rp{position:fixed;bottom:10px;left:14px;color:#b5c6d9;font-size:10px;pointer-events:none}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}aside{width:225px}}@media(max-width:760px){.gov{padding:6px 12px}.gov .right{display:none}.app{display:block}aside{width:100%;height:auto;min-height:unset;position:static;padding:8px;display:flex;overflow:auto;gap:4px}.brand{min-width:190px;padding:3px 6px;border:0}.brand b{font-size:13px}.brand small{display:none}.crest{width:32px;height:37px;font-size:16px}.crest span{width:27px;height:32px}.group-label,.aside-foot{display:none}.nav{width:auto;min-width:max-content;font-size:12px;padding:8px 10px;margin:0}.nav.active{padding-left:7px}.topbar{height:auto;padding:12px 15px}.top-title{font-size:15px}.content{padding:15px}.hero h1{font-size:23px}.stats,.cards,.two,.formgrid{grid-template-columns:1fr}.stat{padding:12px}.header h1{font-size:23px}.span2{grid-column:auto}.top-user .username{display:none}}


.loginwrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#27568a,#0d2647 65%);padding:24px}.loginbox{background:#fff;width:min(465px,100%);padding:32px;border-radius:15px;box-shadow:0 20px 60px #03142780}.loginbox h1{font-family:Georgia,serif;color:#153b66;font-size:29px;margin:8px 0}.loginbox p{color:#627388}.loginbox .field{margin:12px 0}.loginbox input{padding:13px}.loginbox .crest{margin:auto}.loginbox .brandname{text-align:center}.rp-banner{color:#bf6819;background:#fff5de;border:1px solid #ead9ac;border-radius:7px;padding:9px;font-size:12px;margin-bottom:15px}.logo-title{font-weight:750;letter-spacing:.06em}.auth-error{color:#b02e3e;background:#fff0f1;padding:10px;border-radius:7px;margin:10px 0}.table-button{background:none;border:none;color:#1e4a7e;text-align:left;font-weight:650;cursor:pointer}.table-button:hover{text-decoration:underline}.empty-box{padding:28px;text-align:center;color:#718198}.field small{color:#8c99a6}.line{border-top:1px solid #e6ebf1;margin:17px 0}.overstat{padding:10px;display:flex;gap:14px;justify-content:space-between;align-items:center;border-bottom:1px solid #e7edf4}.dangerlink{color:#b33f4a}.userchip{display:inline-flex;align-items:center;gap:5px;border-radius:99px;background:#ebf2fa;padding:4px 9px;font-size:11px;color:#244f7e;font-weight:700}.form-full{grid-column:1/-1}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.rp-only{background:#e9f0f9;border-radius:8px;color:#416183;font-size:12px;padding:8px 12px;margin-bottom:16px}.loginbox button{width:100%;margin-top:12px}.quick{transition:transform .14s}.modalerror{color:#b02e3e}.tag.dark{background:#e9ebf8;color:#243a91}.tight-panel{padding:14px}.previewlist{display:grid;gap:9px}.previewlist>div{padding:9px;border:1px solid #e4eaf1;border-radius:6px}.btn.outline{background:transparent;border:1px solid #b9c9d9;color:#244f78}.btn.warning{background:#a56e21}.formgrid .field textarea{min-height:96px}.navicon{font-family:'Segoe UI Symbol',sans-serif}.searchwide{min-width:min(320px,100%)}@media(max-width:760px){.loginbox{padding:24px}.topbar{gap:6px}.logo-title{font-size:12px}.userchip{display:none}}

.goal-box{margin-top:15px;background:#f4f7fc;border:1px solid #d9e2f0;border-radius:10px;padding:15px}.goal-box strong{color:#10315c}.goal-progress{margin:10px 0;height:12px}.goal-box small{display:block}.goal-box p{margin:5px 0 0}

/* Écusson personnalisé importé dans l'administration, affiché sans déformation. */
.brand-logo{display:block;width:53px;height:60px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #0015)}
.loginbox .brand-logo{width:92px;height:100px;margin:0 auto 9px;filter:drop-shadow(0 5px 9px #061e4440)}
.branding-preview{display:flex;align-items:center;gap:25px;padding:18px;background:linear-gradient(120deg,#edf2fa,#f9fbfe);border:1px solid #dde5ee;border-radius:12px;max-width:790px}
.branding-preview img{display:block;width:135px;height:145px;object-fit:contain;background:#0a2546;border-radius:12px;padding:10px;flex-shrink:0}
.branding-preview p{max-width:480px}
@media(max-width:760px){.brand-logo{width:40px;height:46px}.branding-preview{flex-direction:column;align-items:flex-start}.branding-preview img{width:110px;height:115px}}

/* Unités RP et affectations multiples (V6) */
.unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.unit-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:9px;margin-top:5px}
.unit-choice{display:flex!important;align-items:flex-start;gap:11px;padding:11px;border:1px solid #d8e0ec;border-radius:8px;background:#f7f9fc;cursor:pointer}
.unit-choice input{margin-top:5px;width:16px;height:16px;flex:none}
.unit-choice span{display:flex;flex-direction:column;gap:3px}
.unit-choice small{font-size:11px;color:#56657d;line-height:1.4}
.unit-grid .previewlist{min-height:44px}

/* V7 — Écusson Aubagne original, clairement affiché */
.heading-brand{display:flex;gap:13px;align-items:center;min-width:0}
.heading-brand .brand-logo{width:61px;height:61px;object-fit:contain}
.heading-brand .top-title{font-family:Segoe UI,Arial,sans-serif;font-size:17px;letter-spacing:.025em}
aside .brand-logo{width:67px;height:70px;object-fit:contain}
.loginbox .brand-logo{width:124px;height:127px}
@media (max-width:950px){.heading-brand .brand-logo{width:44px;height:44px}.heading-brand .top-title{font-size:12px}aside .brand-logo{width:40px;height:43px}}
@media (max-width:550px){.heading-brand .top-title{max-width:170px;line-height:1.25}.heading-brand .brand-logo{width:38px;height:38px}}


/* V7.1 — Menu latéral redimensionné, sans débordement horizontal. */
html,body{max-width:100%}
.app{width:100%;min-width:0}
.app > aside{width:310px;flex:0 0 310px;max-width:310px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6882a6 transparent}
.app > aside .brand{display:flex;min-width:0;gap:12px;padding:5px 7px 20px;align-items:center}
.app > aside .brand > div:last-child{flex:1;min-width:0;overflow-wrap:anywhere}
.app > aside .brand b{display:block;font-size:17px;line-height:1.22;white-space:normal;letter-spacing:.01em}
.app > aside .brand small{font-size:10px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;margin-top:5px}
.app > aside .brand-logo{width:72px;height:74px;max-width:72px;flex:0 0 72px}
.app > aside #menu{width:100%;min-width:0}
.app > aside .nav{min-width:0;max-width:100%;width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35;min-height:44px}
.app > aside .nav .ico{flex:0 0 24px}
.app > main{min-width:0;max-width:calc(100% - 310px)}
@media (min-width:761px) and (max-width:1150px){
 .app > aside{width:280px;flex-basis:280px;max-width:280px}
 .app > aside .brand-logo{width:60px;height:64px;flex-basis:60px}
 .app > aside .brand b{font-size:15px}
 .app > main{max-width:calc(100% - 280px)}
}
@media (max-width:760px){
 .app{display:block}
 .app > aside{width:100%;max-width:100%;height:auto;min-height:0;position:relative;display:block;padding:10px 12px;overflow:visible}
 .app > aside .brand{padding:5px 4px 12px;border-bottom:1px solid #ffffff22}
 .app > aside .brand-logo{width:48px;height:52px;flex-basis:48px}
 .app > aside .brand b{font-size:15px}
 .app > aside .brand small{display:block;font-size:10px}
 .app > aside #menu{display:flex;overflow-x:auto;overflow-y:hidden;gap:5px;padding:9px 0 5px;scrollbar-width:thin;scrollbar-color:#647fa2 transparent}
 .app > aside .group-label,.app > aside .aside-foot{display:none}
 .app > aside .nav{flex:0 0 auto;min-width:max-content;width:auto;max-width:none;white-space:nowrap;font-size:12px;min-height:39px;padding:8px 11px;margin:0}
 .app > aside .nav.active{padding-left:8px}
 .app > main{max-width:100%;width:100%}
}

/* Disposition commune aux contenus longs et aux petits écrans. */
.cols>*{min-width:0}.panel,.stat,.quick,.field{min-width:0}
.panel,.dialog,.hero,.topbar,.gov{overflow-wrap:anywhere}
.header,.panelhead{flex-wrap:wrap}.header>*{min-width:0}
.actions{min-width:0}.actions>*{max-width:100%}
.topbar{height:auto;min-height:77px;flex-wrap:wrap}
.heading-brand{flex:1 1 230px}.heading-brand>div{min-width:0}
.top-user{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.gov{height:auto;min-height:33px;gap:8px}
.tablewrap{max-width:100%;overscroll-behavior-x:contain}
.tbl td{overflow-wrap:anywhere;max-width:480px}
.pagination{margin-top:16px}.pagination button{min-height:40px}
.dialog-footer{flex-wrap:wrap}.dialog p{white-space:pre-wrap}
button:focus-visible,a:focus-visible{outline:3px solid #c7a251;outline-offset:3px}
@media(max-width:760px){
 .cols{grid-template-columns:minmax(0,1fr)}
 .top-user{gap:6px}.heading-brand{flex-basis:180px}
 .topbar{padding:12px 15px}.hero{padding:18px}
 .content{padding:15px}.dialog{padding:18px}
 .formgrid,.two,.stats,.cards{grid-template-columns:minmax(0,1fr)}
 .toolbar input,.toolbar select{min-width:0;max-width:100%}
 .panelhead h2{flex:1 1 100%}.loginwrap{padding:16px}
 .loginbox{padding:22px;min-width:0}.toast{max-width:calc(100vw - 40px)}
}