/* Agreement rows, as eSign draws them (design 5a), shared by eSign and the desk's Agreements (the founder, 27 Sep 2026:
   one look for both, with sortable columns and search on the desk). Page padding stays with each page. */
.eh-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:600 13px Inter,sans-serif}
.eh-tabs button{border:0;background:none;padding:6px 10px;border-radius:8px;font:inherit;color:#1A1A1A;cursor:pointer}
.eh-tabs button.on{background:#1A1A1A;color:#FEFDF5}
.eh-it,.eh-head{display:grid;grid-template-columns:40px minmax(0,1fr) 150px 120px 90px;gap:16px;align-items:center}
.eh-it{padding:13px 0;border-top:1px solid rgba(26,26,26,.14);color:inherit;text-decoration:none}
.eh-av{width:34px;height:34px;border-radius:50%;background:#F1EEE6;color:#1A1A1A;font:700 11px/34px Inter,sans-serif;text-align:center;overflow:hidden}
.eh-av img{width:100%;height:100%;object-fit:cover;display:block}
.eh-it .t{margin:0;font:600 15px Inter,sans-serif}
.eh-it .w{margin:2px 0 0;font:400 13px Inter,sans-serif;color:#6B7280}
.eh-it .when{font:400 13px Inter,sans-serif;color:#6B7280}
.eh-ch{justify-self:start;font:600 12px Inter,sans-serif;padding:4px 8px;border-radius:6px}
.eh-act{justify-self:end;font:600 13px Inter,sans-serif;color:#B7282E;text-decoration:none;background:none;border:0;cursor:pointer;padding:0}
.eh-acts{justify-self:end;display:flex;gap:12px;align-items:center}
.eh-x{font:600 13px Inter,sans-serif;color:#6B7280;background:none;border:0;cursor:pointer;padding:0}
.eh-x:hover{color:#B7282E}
.eh-none{padding:28px 0;border-top:1px solid rgba(26,26,26,.14);font:500 14px Inter,sans-serif;color:#6B7280}
/* The column heads (the desk): each sorts its column; again, the other way */
.eh-head{padding:10px 0 8px;border-top:2px solid #1A1A1A;font:600 12px Inter,sans-serif;color:#6B7280}
.eh-head .pair{display:flex;gap:14px}
.eh-head button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.eh-head button[aria-sort="ascending"],.eh-head button[aria-sort="descending"]{color:#1A1A1A}
.eh-head button i{font-style:normal;font-size:10px}
@media(max-width:900px){
  .eh-it{grid-template-columns:34px minmax(0,1fr) auto;gap:4px 12px}.eh-it .when{display:none}.eh-ch{grid-column:2}.eh-act,.eh-acts{grid-column:3;grid-row:1}
  .eh-head{grid-template-columns:34px minmax(0,1fr) auto;gap:4px 12px}.eh-head .col-when,.eh-head .col-status{display:none}
}