.signatures-page{padding-bottom:36px}.signature-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;color:#fff;background:linear-gradient(120deg,#f58a3b,#ef6c36);border-radius:14px 14px 0 0}.signature-head h2{color:#fff;margin:3px 0 6px}.signature-head p{margin:0;opacity:.9}.signature-head .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.signature-head-actions{display:flex;gap:10px;flex-wrap:wrap}.signature-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.signature-metrics article{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:18px 20px;box-shadow:0 5px 16px rgba(34,49,77,.05)}.signature-metrics span{display:block;color:#768197;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.signature-metrics strong{display:block;color:#263650;font-size:30px;margin-top:6px}.signature-recommendation{display:flex;align-items:center;gap:16px;background:#f4fbf9;border:1px solid #b9e5d7;border-radius:12px;padding:16px 18px;margin-bottom:18px}.signature-recommendation>i{font-size:28px;color:#16876b}.signature-recommendation div{flex:1}.signature-recommendation p{margin:3px 0 0;color:#607087}.signature-state{border-radius:999px;padding:7px 12px;font-weight:600;font-size:12px}.signature-state.connected{background:#dff5e9;color:#19714f}.signature-state.disconnected,.signature-state.error{background:#fce8e8;color:#a84343}.signature-panel{background:#fff;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden}.signature-toolbar{display:flex;gap:12px;padding:16px;border-bottom:1px solid #e8edf4}.signature-toolbar label{display:flex;align-items:center;gap:9px;flex:1;border:1px solid #dce2ec;border-radius:8px;padding:0 12px}.signature-toolbar input{border:0;outline:0;width:100%;height:40px}.signature-toolbar select{max-width:210px}.signature-list{min-height:220px}.signature-card{display:grid;grid-template-columns:minmax(260px,2fr) 1fr 1fr auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #edf0f5}.signature-card:last-child{border-bottom:0}.signature-card h4{font-size:15px;margin:0 0 4px;color:#283851}.signature-card small,.signature-card p{display:block;margin:0;color:#78849a}.signature-card .recipients{display:flex;flex-direction:column;gap:3px}.signature-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.signature-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;text-transform:uppercase}.signature-status.completed{background:#dff5e9;color:#19714f}.signature-status.sent,.signature-status.delivered{background:#e7f1ff;color:#2369a6}.signature-status.declined,.signature-status.error{background:#fde5e5;color:#a53a3a}.signature-status.voided,.signature-status.expired{background:#eef0f3;color:#667085}.provider-list{display:grid;gap:10px}.provider-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:center;border:1px solid #e0e6ef;border-radius:10px;padding:12px 14px}.provider-row small{display:block;color:#7a8799}.provider-checks{display:flex;flex-direction:column;gap:7px;padding-top:27px}.signature-recipient-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.signature-recipient-row{display:grid;grid-template-columns:40px 1fr 1.25fr 1fr 36px;gap:8px;margin-bottom:9px;align-items:center}.signature-recipient-order{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f2f5fa;color:#38506f;font-weight:700}.signature-placement-note{background:#f4f7fb;color:#607087;border-radius:8px;padding:11px 13px;margin-top:12px}.signature-empty{padding:48px;text-align:center;color:#758197}@media(max-width:991px){.signature-head{align-items:flex-start;flex-direction:column}.signature-metrics{grid-template-columns:repeat(2,1fr)}.signature-card{grid-template-columns:1fr}.signature-card-actions{justify-content:flex-start}.provider-row{grid-template-columns:1fr}.signature-recipient-row{grid-template-columns:36px 1fr 36px}.signature-recipient-row input:nth-of-type(2),.signature-recipient-row input:nth-of-type(3){grid-column:2/3}}