﻿/* GED-WEB-5D — Rapports Parapheur */
.p5d-content{max-width:1500px;margin:0 auto}
.p5d-head,.p5d-note,.p5d-filter-card,.p5d-section{border:1px solid #dfe6ef;border-radius:12px;background:#fff}
.p5d-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;margin-bottom:8px}
.p5d-head h1{margin:2px 0 3px;font-size:19px}.p5d-head p{margin:0;color:#758297;font-size:10px}
.p5d-head-actions{display:flex;gap:5px;flex-wrap:wrap}.p5d-head-actions .btn-secondary,.p5d-head-actions .btn{min-height:31px;padding:5px 9px;font-size:8px}
.p5d-note{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:7px 10px;background:#fbfcfe}.p5d-note strong{font-size:8px;color:#586a82;text-transform:uppercase}.p5d-note span{font-size:8px;color:#7c899a}
.p5d-filter-card{margin-bottom:8px;overflow:hidden}.p5d-period{display:grid;grid-template-columns:130px 130px minmax(360px,1fr) 150px minmax(220px,1fr);gap:7px;align-items:end;padding:9px 10px}
.p5d-period label>span{display:block;margin-bottom:3px;color:#718096;font-size:7px;font-weight:800;text-transform:uppercase}.p5d-period input,.p5d-period select{width:100%;height:30px;border:1px solid #d1dae6;border-radius:7px;background:#fff;padding:5px 7px;font-size:8.5px}
.p5d-presets{display:flex;gap:3px;flex-wrap:wrap}.p5d-presets button,.p5d-tabs button{border:1px solid #d8e0ea;border-radius:7px;background:#f9fbfd;padding:5px 7px;color:#5d6b80;font-size:7.5px;font-weight:800;cursor:pointer}.p5d-presets button.is-active,.p5d-tabs button.is-active{border-color:#91add3;background:#edf4ff;color:#174f99}
.p5d-form-actions{display:flex;justify-content:flex-end;gap:6px;align-items:center;padding:7px 10px;border-top:1px solid #e8edf3;background:#fbfcfe}.p5d-form-actions span{margin-right:auto;font-size:7.5px;color:#8390a1}.p5d-form-actions .btn,.p5d-form-actions .btn-secondary{min-height:29px;padding:4px 8px;font-size:8px}
.p5d-loading{min-height:0;color:#67768b;font-size:8px;margin:0 0 8px}.p5d-loading:not(:empty){padding:6px 8px;border-radius:7px;background:#f4f7fa}
.p5d-section{overflow:hidden;margin-bottom:8px}.p5d-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #e8edf3;background:#fbfcfe}
.p5d-section-head span{display:block;color:#7d899a;font-size:7px;font-weight:800;text-transform:uppercase}.p5d-section-head h2{margin:1px 0 0;font-size:11px}.p5d-section-head small{font-size:7.5px;color:#8490a0}.p5d-count{font-size:8px;color:#5f7088}
.p5d-kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:8px}.p5d-kpi{display:grid;gap:2px;border:1px solid #e0e6ed;border-radius:8px;padding:7px 8px}.p5d-kpi span{font-size:6.8px;color:#7c899a}.p5d-kpi strong{font-size:15px;color:#344b65}.p5d-kpi small{font-size:6.5px;color:#8b96a6}.p5d-kpi.is-active{border-left:3px solid #2f6caf}.p5d-kpi.is-success{border-left:3px solid #25805b}.p5d-kpi.is-danger{border-left:3px solid #b42a20}.p5d-kpi.is-signature{border-left:3px solid #7661ab}
.p5d-performance{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px}.p5d-metric{display:grid;gap:2px;border:1px solid #e0e6ed;border-radius:8px;padding:7px 8px}.p5d-metric span{font-size:6.8px;color:#7c899a}.p5d-metric strong{font-size:12px;color:#344b65}.p5d-metric small{font-size:6.5px;color:#8b96a6}
.p5d-tabs{display:flex;gap:3px;flex-wrap:wrap}.p5d-breakdown{display:grid;gap:5px;padding:8px 10px}.p5d-break-row{display:grid;grid-template-columns:minmax(160px,.6fr) 1.4fr;gap:8px;align-items:center}.p5d-break-row>div:first-child{display:flex;justify-content:space-between;gap:8px}.p5d-break-row strong{font-size:7.8px;color:#455970}.p5d-break-row span{font-size:7px;color:#7d8999}.p5d-bar{height:5px;border-radius:99px;background:#edf1f5;overflow:hidden}.p5d-bar i{display:block;height:100%;background:#5f84b4;border-radius:99px}
.p5d-step-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.p5d-step-card{border:1px solid #dfe6ef;border-radius:8px;padding:7px 8px}.p5d-step-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.p5d-step-card header span{font-size:8px;font-weight:900;color:#53667e}.p5d-step-card header strong{font-size:14px;color:#354b65}.p5d-step-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:0}.p5d-step-card dl>div{display:grid;gap:1px;padding:4px 5px;border-radius:6px;background:#f7f9fb}.p5d-step-card dt{font-size:6.5px;color:#8490a0}.p5d-step-card dd{margin:0;font-size:8px;font-weight:800;color:#445871}
.p5d-table-wrap{overflow:auto;max-height:560px}.p5d-table{width:100%;border-collapse:collapse;font-size:7.5px}.p5d-table th{position:sticky;top:0;z-index:1;background:#f6f8fb;color:#69778b;text-align:left;padding:6px;border-bottom:1px solid #dfe5ec;white-space:nowrap}.p5d-table td{padding:6px;border-bottom:1px solid #edf1f4;vertical-align:top}.p5d-table td strong{display:block;font-size:7.8px}.p5d-table td small{display:block;margin-top:1px;color:#8793a3;font-size:6.5px}.p5d-status{display:inline-flex;border-radius:999px;background:#eff2f6;padding:3px 5px;font-size:6.5px;font-weight:900}.p5d-status.is-en_cours{background:#edf4ff;color:#1c579d}.p5d-status.is-termine{background:#edf8f2;color:#17704d}.p5d-status.is-refuse{background:#fff0ef;color:#a7241a}.p5d-status.is-annule{background:#f0f2f5;color:#6c7888}
.p5d-empty{padding:22px;text-align:center;color:#8995a5;font-size:8px}
@media(max-width:1250px){.p5d-period{grid-template-columns:repeat(2,1fr)}.p5d-presets,.p5d-search{grid-column:span 2}.p5d-kpis{grid-template-columns:repeat(4,1fr)}.p5d-performance{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.p5d-head,.p5d-form-actions{display:grid}.p5d-kpis,.p5d-performance,.p5d-step-metrics{grid-template-columns:repeat(2,1fr)}.p5d-break-row{grid-template-columns:1fr}.p5d-form-actions span{margin-right:0}}
@media(max-width:550px){.p5d-period{grid-template-columns:1fr}.p5d-presets,.p5d-search{grid-column:auto}.p5d-kpis,.p5d-performance,.p5d-step-metrics{grid-template-columns:1fr}}
