/* La régie (bloc 5, lot 4 ; maquettes regie/Regie-Aujourdhui et Regie-Nouveau) : jetons de assets/jetons.css, gabarits de assets/crm.css. */
.rg-page{display:flex;flex-direction:column;gap:14px}
.rg-haut{display:flex;align-items:baseline;gap:14px}
.rg-haut h1{margin:0;font-size:28px;letter-spacing:-.02em}
.rg-sous{color:var(--ink2)}
.rg-haut .droite{margin-left:auto;display:flex;align-items:center;gap:14px}
.rg-chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rg-c{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--ligne);border-radius:14px;padding:12px 18px}
.rg-c>b{font-size:24px;font-variant-numeric:tabular-nums}
.rg-c>b.rg-urg,.rg-c small.rg-urg{color:var(--danger-sur-fond)}
.rg-c span{display:flex;flex-direction:column;font-weight:500}
.rg-c small{font-weight:400;color:var(--ink2);font-size:13px}
.rg-hero{display:grid;grid-template-columns:1fr auto;gap:10px 24px;background:var(--accent);color:var(--on-accent);border-radius:18px;padding:18px 22px}
.rg-hero-t{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:500}
.rg-hero-t small{opacity:.8}
.pt-vert{width:10px;height:10px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.25)}
.rg-hero h2{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}
.rg-hero p{margin:4px 0 0}
.rg-tag{font-size:13px;font-weight:600;background:rgba(255,255,255,.2);border-radius:8px;padding:4px 8px}
.rg-hero-b{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid rgba(255,255,255,.25);border-radius:12px}
.rg-hero-b>div{padding:10px 14px}.rg-hero-b small{opacity:.8}.rg-hero-b p{margin:4px 0 0}
.rg-hero-d{display:flex;flex-direction:column;justify-content:center;gap:8px}
.rg-hero-d span{display:flex;gap:8px}
.rg-hero .btn.blanc{background:#fff;color:var(--accent-text)}
.rg-hero .btn.ghost{background:rgba(255,255,255,.18);color:var(--on-accent)}
.rg-grille{display:grid;grid-template-columns:1fr 310px;gap:14px;align-items:start}
.rg-seg{display:flex;background:var(--mist,#eef0f4);border-radius:10px;padding:2px;margin-left:14px}
.rg-seg a{padding:5px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}
.rg-seg a[aria-current="page"]{background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.rg-seg i{font-style:normal;color:var(--ink2);font-size:12px}
.rg-g{margin:12px 16px 4px;font-size:13px;font-weight:500;color:var(--ink2);text-transform:none;letter-spacing:0}
.rg-l{display:grid;grid-template-columns:110px 1.4fr 1fr 1fr 100px;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--ligne2);color:inherit;text-decoration:none}
.rg-l .q{font-weight:600}.rg-l .q.rg-urg,.rg-l .pc.rg-urg{color:var(--danger-sur-fond)}
.rg-l .nm{display:flex;flex-direction:column}.rg-l small{color:var(--ink2)}
.rg-l .m{text-align:right;font-variant-numeric:tabular-nums}
.rg-l .pill,.rg-cat .pill{font-style:normal;font-size:13px;padding:3px 8px;border-radius:8px;background:var(--accent-soft,#e8f0fe);color:var(--accent-text)}
.rg-tot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 16px 10px}
.rg-tot>div{background:var(--mist,#eef0f4);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.rg-tot b{font-size:22px}.rg-tot small{color:var(--ink2)}
.rg-r{display:flex;justify-content:space-between;gap:10px;padding:8px 16px;border-top:1px solid var(--ligne2)}
.rg-r span{display:flex;flex-direction:column}.rg-r small{color:var(--ink2)}
.rg-remu .note,.rg-dates .note{padding:8px 16px 12px;margin:0}
.rg-n-grille{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}
.rg-n-g{display:flex;flex-direction:column;gap:14px}
.rg-n-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rg-stades{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 16px 14px}
.rg-stades label,.rg-types label{position:relative}
.rg-stades input,.rg-types input{position:absolute;opacity:0}
.rg-stades span{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:var(--mist,#eef0f4);border:1.5px solid transparent;cursor:pointer}
.rg-stades small{color:var(--ink2)}
.rg-stades input:checked+span,.rg-types input:checked+span{border-color:var(--accent);background:var(--accent-soft,#e8f0fe);color:var(--accent-text)}
.rg-stades input:focus-visible+span,.rg-types input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.rg-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 16px 14px}
.rg-types span{display:block;padding:9px 12px;border-radius:10px;background:var(--mist,#eef0f4);border:1.5px solid transparent;cursor:pointer}
.rg-f{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:6px 16px 16px}
.rg-f.trois{grid-template-columns:1fr 1.3fr 1.3fr}
.rg-f .l2{grid-column:1/-1}
.rg-f label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.rg-depot{display:flex;align-items:center;gap:10px;border:1px dashed var(--ligne);border-radius:12px;padding:10px 14px;margin-bottom:10px}
.rg-n-d{position:sticky;top:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.rg-t{margin:6px 0;font-size:14px;color:var(--ink2);font-weight:500}
.rg-crit{list-style:none;margin:0;padding:0}
.rg-crit li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--ligne2)}
.rg-crit li small{margin-left:auto;color:var(--ink2)}
.rg-crit li.ok svg{color:var(--success-sur-fond)}.rg-crit li.nd svg{color:var(--ink3,#8a909c)}
.rg-pied{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.rg-nouveau .rg-n-d .rg-r{padding:6px 0}
@media (max-width:1100px){.rg-chiffres{grid-template-columns:repeat(2,1fr)}.rg-grille,.rg-n-grille,.rg-n-2{grid-template-columns:1fr}.rg-l{grid-template-columns:90px 1fr auto}.rg-l>span:nth-child(3),.rg-l>span:nth-child(4){display:none}}
/* bloc 6, lot 0 : « Rémunérations du mois » et « Mes rémunérations » (Dossier, Posé le, Montant, Déductions, À verser) */
.rg-l.rm-t,.rg-l.rm-l{grid-template-columns:1.6fr 110px 1fr 1fr 1fr}
.rg-l.rm-t{color:var(--ink2);font-size:13px;border-top:0}
.rg-l.rm-t .m{text-align:right}
.rm-mois input{font:inherit;padding:6px 10px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface);color:var(--ink)}
@media (max-width:1100px){.rg-l.rm-t,.rg-l.rm-l{grid-template-columns:1fr 90px auto}.rg-l.rm-t>span:nth-child(3),.rg-l.rm-l>span:nth-child(3),.rg-l.rm-t>span:nth-child(4),.rg-l.rm-l>span:nth-child(4){display:none}}
.rg-l .q small{display:block;font-weight:400;color:var(--ink2)}
