/* Les tokens cyan et ambre prolongent la palette Fransou de commercial-immersif.css. */
.ab-page{--ab-line:#99babc26;--ab-card:#17262bcc;--ab-muted:var(--cm-muted,#aabac0);--ab-cyan:var(--cm-cyan,#8fddd9);--ab-amber:var(--cm-amber,#e6bc87);color:var(--cm-text,#f1f2ef);padding-bottom:24px}
.ab-page *{box-sizing:border-box}.ab-page :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--ab-cyan);outline-offset:4px}.ab-heading{margin-bottom:24px}.ab-heading .cm-actions{flex-wrap:wrap}.ab-readonly{font-size:12px;color:var(--ab-muted);margin:0 0 20px}.ab-tabs{display:flex;gap:28px;border-bottom:1px solid var(--ab-line);margin-bottom:26px}.ab-tabs a{padding:12px 0 15px;color:var(--ab-muted);font-size:14px;border-bottom:2px solid transparent}.ab-tabs a[aria-current]{color:var(--ab-cyan);border-color:var(--ab-cyan)}
.ab-filters{display:grid;grid-template-columns:minmax(190px,1fr) 160px 150px 150px auto;gap:14px;align-items:end;margin-bottom:30px}.ab-filters label{display:grid;gap:8px;min-width:0}.ab-filters label>span{font-size:10px;color:var(--ab-muted)}.ab-filters input,.ab-filters select,.ab-pager input,.ab-pager select{background:#15252b;border:1px solid #60777e73;border-radius:9px;color:var(--cm-text);min-width:0;max-width:100%;padding:11px 12px;min-height:44px;font-size:12px}.ab-filters .cm-button{min-height:44px}.ab-filters input::placeholder{color:#9cafb5}.ab-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}.ab-reperes{position:sticky;top:24px;border:1px solid #af946233;background:linear-gradient(150deg,#302c2280,#15252a99 55%);border-radius:17px;padding:22px 18px}.ab-reperes-heading{padding:0 8px 18px}.ab-reperes-heading h2{font-size:24px;font-weight:450;letter-spacing:-.04em;margin:5px 0 10px}.ab-reperes-heading>p:last-child{font-size:11px;color:var(--ab-muted);margin:0}.ab-reperes nav{display:grid;gap:4px}.ab-all,.ab-horizon{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:9px;padding:12px 10px;min-width:0;transition:background .15s}.ab-all{font-size:12px;margin-bottom:5px}.ab-all>b{font-variant-numeric:tabular-nums;font-weight:500}.ab-horizon>span{display:grid;gap:5px;min-width:0}.ab-horizon b{font-size:12px;font-weight:500;line-height:1.45}.ab-horizon small{color:var(--ab-muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}.ab-horizon strong{font-size:23px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--ab-cyan)}.ab-horizon-past strong{color:var(--ab-amber)}.ab-reperes a:hover,.ab-reperes a[aria-current]{background:#84c7c614;border-color:#7ebdbb38}.ab-rail-note{margin:18px 8px 0;padding-top:16px;border-top:1px solid var(--ab-line);font-size:10px;line-height:1.7;color:var(--ab-muted)}.ab-register{min-width:0}.ab-list-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:3px 0 24px}.ab-list-heading p{font-size:14px;margin:0;color:#d5deda}.ab-list-heading>span{font-size:11px;color:var(--ab-muted);white-space:nowrap}.ab-group{margin-bottom:26px}.ab-group>h2{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:500;color:var(--ab-amber);margin:0 0 12px;line-height:1.5}.ab-group>h2 small{font-size:10px;color:var(--ab-muted);font-weight:400;margin-left:auto}.ab-group-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ab-record{display:grid;grid-template-columns:54px minmax(0,1fr) 145px;gap:20px;align-items:start;border:1px solid var(--ab-line);border-radius:13px;margin:9px 0;padding:22px;background:linear-gradient(115deg,#25414735,transparent 65%),var(--ab-card);box-shadow:0 4px 18px #00000010}.ab-record-past{border-left:2px solid #c6a06b99}.ab-date{border:1px solid #88b7b344;background:#8ebcb811;border-radius:10px;text-align:center;padding:11px 4px;color:var(--ab-cyan);display:grid;gap:5px;font-variant-numeric:tabular-nums}.ab-date b{font-size:24px;font-weight:400;line-height:1}.ab-date span{font-size:10px}.ab-record-past .ab-date{color:var(--ab-amber);border-color:#ba996343;background:#ae85591a}.ab-contract{min-width:0}.ab-contract-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.ab-client{font-size:11px;color:#c9d7d7;overflow-wrap:anywhere}.ab-state{font-size:9px;padding:4px 7px;border:1px solid #a5c8bd38;border-radius:5px;color:#b7d4c9;line-height:1.2}.ab-state-alert{color:var(--ab-amber);border-color:#ac885d59}.ab-title{display:block;overflow-wrap:anywhere}.ab-title h3{font-size:16px;font-weight:470;line-height:1.5;margin:0 0 16px;letter-spacing:-.015em}.ab-title:hover h3{color:var(--ab-cyan)}.ab-contract-dates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.ab-contract-dates>span{display:grid;gap:6px;min-width:0}.ab-contract-dates small{font-size:9px;color:var(--ab-muted);line-height:1.6}.ab-contract-dates b{font-size:11px;line-height:1.6;font-weight:450;overflow-wrap:anywhere}.ab-context{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:10px;color:var(--ab-muted);line-height:1.6;margin-top:15px}.ab-context>*{overflow-wrap:anywhere}.ab-context a:hover{color:var(--ab-cyan)}.ab-value{display:grid;gap:7px;text-align:right;padding-top:1px;min-width:0;font-variant-numeric:tabular-nums}.ab-value>b{font-size:22px;font-weight:400;line-height:1.4;letter-spacing:-.035em;overflow-wrap:anywhere}.ab-value>span{font-size:10px;color:var(--ab-muted);line-height:1.5}.ab-value .cm-text{font-size:11px;margin-top:24px;line-height:1.7}.ab-value-missing>b{font-size:13px;letter-spacing:0;color:var(--ab-amber)}.ab-missing{font-size:10px;color:var(--ab-amber);margin:12px 0 0;line-height:1.6}.ab-pager{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;color:var(--ab-muted);font-size:11px}.ab-pager>span{margin-right:auto}.ab-pager label{display:flex;gap:8px;align-items:center}.ab-pager>div{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ab-pager .cm-button{font-size:11px;min-height:40px}.ab-pager input{width:65px;padding:8px;text-align:center}.ab-pager select{padding:8px;min-height:38px}.ab-warning{font-size:12px;line-height:1.7;padding:13px 16px;background:#b28d5314;border:1px solid #b3935e52;border-radius:9px;color:var(--ab-amber);margin:0 0 24px}.ab-method{border-top:1px solid var(--ab-line);margin-top:30px;padding-top:20px;font-size:12px;color:var(--ab-muted)}.ab-method summary{cursor:pointer;color:var(--ab-cyan);width:fit-content}.ab-method p{max-width:850px;line-height:1.85}.ab-create{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}.ab-form-host{border:1px solid var(--ab-line);border-radius:16px;background:var(--ab-card);padding:26px}.ab-form-host .paie-form{margin:0}.ab-create aside{background:linear-gradient(140deg,#47402b66,#17363a66);border:1px solid var(--ab-line);border-radius:16px;padding:28px;align-self:start}.ab-create aside h2{font-weight:450;font-size:24px;line-height:1.4}.ab-create aside p:not(.cm-kicker){font-size:12px;line-height:1.9;color:var(--ab-muted)}
@media(max-width:1150px){.ab-filters{grid-template-columns:minmax(170px,1fr) 140px 140px}.ab-filters .ab-search{grid-row:1;grid-column:1/-1}.ab-filters>button{grid-column:3}.ab-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.ab-record{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px}.ab-value{grid-column:2;display:flex;align-items:center;text-align:left;flex-wrap:wrap;gap:6px 14px}.ab-value .cm-text{margin:0 0 0 auto}.ab-value>b{font-size:20px}.ab-contract-dates{gap:12px}.ab-pager>div{flex-basis:100%}}
@media(max-width:900px){.ab-layout{grid-template-columns:minmax(0,1fr)}.ab-reperes{position:static;padding:18px}.ab-reperes-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:0 5px 15px}.ab-reperes-heading h2{font-size:20px;margin:0}.ab-reperes-heading .cm-kicker{display:none}.ab-reperes-heading>p:last-child{margin-left:auto}.ab-reperes nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ab-all{grid-column:1/-1;justify-content:flex-start;gap:14px;margin:0;padding:8px}.ab-horizon{padding:10px;align-items:flex-start}.ab-horizon small{display:none}.ab-horizon strong{font-size:20px}.ab-rail-note{margin-top:12px;padding-top:12px}.ab-create{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.ab-heading{align-items:flex-start;flex-wrap:wrap;gap:20px}.ab-heading .cm-actions{width:100%}.ab-heading .cm-button{font-size:11px}.ab-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.ab-filters .ab-search{grid-column:1/-1}.ab-filters>button{grid-column:auto}.ab-filters label:last-of-type{grid-column:1}.ab-reperes nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-reperes-heading>p:last-child{font-size:10px}.ab-record{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px 12px}.ab-date{padding:10px 2px}.ab-date b{font-size:21px}.ab-date span{font-size:9px}.ab-title h3{font-size:15px;margin-bottom:14px}.ab-contract-dates{grid-template-columns:minmax(0,1fr);gap:10px}.ab-contract-top{gap:8px}.ab-client{font-size:10px}.ab-context{gap:6px}.ab-value{gap:5px 12px}.ab-value .cm-text{flex-basis:100%;margin:5px 0 0;font-size:11px}.ab-value>b{font-size:19px}.ab-list-heading{flex-wrap:wrap;gap:8px;margin-bottom:20px}.ab-list-heading>span{font-size:10px}.ab-pager{gap:12px}.ab-pager>span{flex-basis:100%}.ab-pager>div{gap:9px;justify-content:space-between}.ab-pager .cm-button{padding:9px;font-size:10px}.ab-pager input{width:50px}.ab-pager label{gap:5px}.ab-form-host{padding:16px}.ab-create aside{padding:22px}.ab-group>h2 small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ab-page *{animation:none!important;transition:none!important}}
