/* GED-WEB-5A — Parapheur */
.paraph-content{max-width:1500px;margin:0 auto}
.paraph-head,.paraph-toolbar,.paraph-inbox,.paraph-detail,.signature-verify{border:1px solid #dfe6ef;border-radius:12px;background:#fff}
.paraph-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;margin-bottom:8px}
.paraph-head h1{margin:2px 0 3px;font-size:19px}.paraph-head p{margin:0;color:#758297;font-size:10px}
.paraph-head-actions{display:flex;gap:5px}.paraph-head-actions .btn-secondary{min-height:31px;padding:5px 9px;font-size:9px}
.paraph-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.paraph-kpi{display:grid;gap:2px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;padding:8px 10px;text-align:left;cursor:pointer}
.paraph-kpi span{font-size:8px;color:#728096}.paraph-kpi strong{font-size:18px;color:#2c405c}.paraph-kpi.is-signature{border-left:3px solid #365f9b}
.paraph-toolbar{display:flex;align-items:center;gap:10px;padding:7px 9px;margin-bottom:8px}
.paraph-tabs{display:flex;gap:4px}.paraph-tabs button{border:1px solid #d8e0ea;border-radius:7px;background:#f9fbfd;padding:5px 8px;font-size:8px;font-weight:800;color:#58667b;cursor:pointer}
.paraph-tabs button.is-active{background:#edf4ff;border-color:#91add3;color:#174f99}.paraph-updated{margin-left:auto;font-size:8px;color:#8793a4}
.paraph-workspace{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.8fr);gap:8px;align-items:start}
.paraph-inbox,.paraph-detail{overflow:hidden}.paraph-inbox>header,.paraph-detail-head,.paraph-section>header,.signature-verify>header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #e8edf3;background:#fbfcfe}
.paraph-inbox header span,.paraph-section header span,.signature-verify header span{display:block;color:#7b8798;font-size:7px;font-weight:800;text-transform:uppercase}
.paraph-inbox h2,.paraph-section h3,.signature-verify h2{margin:1px 0 0;font-size:11px}.paraph-inbox header>strong{font-size:9px;color:#48617f}
.paraph-list{max-height:690px;overflow:auto}.paraph-row{display:block;width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:9px 10px;text-align:left;cursor:pointer}
.paraph-row:hover,.paraph-row.is-selected{background:#f7faff}.paraph-row.is-selected{box-shadow:inset 3px 0 #3f77bd}
.paraph-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.paraph-row-top time{font-size:7px;color:#8995a6}
.paraph-type{display:inline-flex;border-radius:999px;padding:3px 6px;background:#eef2f7;color:#556479;font-size:7px;font-weight:900}
.paraph-type.is-visa{background:#eef6ff;color:#2c619f}.paraph-type.is-approbation{background:#f4f0ff;color:#6748a6}.paraph-type.is-signature{background:#fff4e8;color:#95570f}
.paraph-row>strong{display:block;font-size:9.5px;color:#2b405a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paraph-row-doc,.paraph-row-instruction,.paraph-row small{display:block;margin-top:2px;font-size:7.5px;color:#7d899a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paraph-row-instruction{font-size:8px;color:#586a82}.paraph-pagination{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;background:#fbfcfe}
.paraph-pagination .btn-secondary{min-height:28px;padding:4px 7px;font-size:8px}.paraph-pagination span{font-size:8px;color:#7b8798}
.paraph-detail{min-height:540px}.paraph-empty{display:grid;place-items:center;align-content:center;gap:3px;min-height:540px;color:#8793a3;text-align:center}
.paraph-empty strong{font-size:12px;color:#5f6d80}.paraph-empty span{font-size:9px}.paraph-empty.compact{min-height:180px;padding:20px}
.paraph-detail-head{align-items:flex-start}.paraph-detail-head h2{margin:2px 0;font-size:14px}.paraph-detail-head p{margin:0;color:#778499;font-size:8px}
.paraph-detail-status{display:inline-flex;border-radius:999px;padding:3px 6px;background:#edf2f7;font-size:7px;font-weight:900}.paraph-detail-status.is-active{background:#edf4ff;color:#17509b}
.paraph-detail-status.is-success{background:#ecf8f1;color:#147249}.paraph-detail-status.is-danger{background:#fff0ef;color:#a7231a}
.paraph-detail-actions .btn-secondary{min-height:29px;padding:4px 7px;font-size:8px}
.paraph-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e8edf3}.paraph-facts>div{display:grid;gap:2px;padding:7px 8px;border-right:1px solid #edf1f5}
.paraph-facts span{font-size:7px;color:#8591a2;text-transform:uppercase}.paraph-facts strong{font-size:8.5px;color:#374b65}
.paraph-section{border-top:1px solid #e8edf3}.paraph-section:first-of-type{border-top:0}.paraph-steps{padding:8px}
.paraph-order{display:grid;grid-template-columns:28px 1fr;gap:7px;margin-bottom:7px}.paraph-order-number{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#eff3f8;color:#68768a;font-size:8px;font-weight:900}
.paraph-order-steps{display:grid;gap:5px}.paraph-step{border:1px solid #dde5ee;border-radius:8px;background:#fff;padding:7px 8px;text-align:left;cursor:pointer}.paraph-step.is-selected{border-color:#8fadda;background:#f8fbff}
.paraph-step.is-active{border-left:3px solid #2b69b1}.paraph-step.is-success{border-left:3px solid #22845d}.paraph-step.is-danger{border-left:3px solid #b42318}
.paraph-step>div{display:flex;gap:5px;align-items:center}.paraph-step-status{font-size:7px;color:#7c899a}.paraph-step>strong{display:block;margin-top:4px;font-size:8.5px;color:#354a64}
.paraph-step p{margin:2px 0;font-size:8px;color:#68768a}.paraph-step small{font-size:7px;color:#8a96a6}.paraph-step blockquote{margin:4px 0 0;padding:4px 6px;border-left:2px solid #cbd6e3;background:#f8fafc;font-size:7.5px;color:#596a80}
.paraph-decision-form{padding:9px 10px}.paraph-selected-step{display:grid;gap:2px;margin-bottom:7px;padding:7px 8px;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc}.paraph-selected-step strong{font-size:8px}.paraph-selected-step span{font-size:8px;color:#64738a}
.paraph-decision-form label{display:block;margin-top:6px}.paraph-decision-form label>span{display:block;margin-bottom:3px;font-size:7px;font-weight:800;color:#68768a;text-transform:uppercase}
.paraph-decision-form textarea,.paraph-decision-form input{width:100%;border:1px solid #d1dae6;border-radius:7px;padding:7px;font:inherit;font-size:9px}.paraph-decision-form small{display:block;margin-top:2px;font-size:7px;color:#8a96a6}
.paraph-decision-buttons{display:flex;gap:6px;margin-top:8px}.paraph-decision-buttons .btn{min-height:31px;padding:5px 9px;font-size:8px}.btn-danger-soft{border:1px solid #edb7b2;border-radius:8px;background:#fff5f4;color:#a9251d;padding:5px 9px;font-weight:800;font-size:8px;cursor:pointer}
.paraph-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.paraph-history-grid h4{margin:0 0 5px;font-size:8px;color:#65748a;text-transform:uppercase}
.paraph-history-row{padding:6px;border:1px solid #e1e7ee;border-radius:7px;margin-bottom:5px}.paraph-history-row strong{display:block;font-size:8px}.paraph-history-row span,.paraph-history-row p{display:block;margin:2px 0 0;font-size:7px;color:#7d899a}
.paraph-mini-empty{padding:12px;border:1px dashed #dde4ec;border-radius:7px;text-align:center;color:#8b96a6;font-size:8px}.link-button{border:0;background:none;padding:3px 0;color:#1f5ca8;font-size:7.5px;font-weight:800;cursor:pointer}
.signature-verify{margin-top:8px;overflow:hidden}.signature-verify form{display:flex;gap:6px;padding:8px}.signature-verify input{flex:1;border:1px solid #d1dae6;border-radius:7px;padding:6px 8px;font-size:9px}.signature-verify .btn{min-height:31px;padding:5px 9px;font-size:8px}
.signature-result{display:flex;gap:10px;align-items:center;margin:0 8px 8px;padding:7px 8px;border-radius:8px;background:#f6f8fb;font-size:8px}.signature-result.is-valid{background:#edf8f2;color:#176b4a}.signature-result.is-invalid{background:#fff1f0;color:#a5251e}
.paraph-loading{padding:25px;text-align:center;color:#8a96a6;font-size:9px}
@media(max-width:1100px){.paraph-workspace{grid-template-columns:1fr}.paraph-list{max-height:420px}.paraph-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.paraph-head{display:grid}.paraph-summary,.paraph-facts,.paraph-history-grid{grid-template-columns:1fr}.paraph-toolbar{display:grid}.paraph-updated{margin-left:0}}