.overview-agenda-tabs{display:flex;gap:5px;margin:14px 0 8px;padding:3px;border-radius:9px;background:#f0f2f1;width:max-content}
.overview-agenda-tabs button{height:31px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#6f7975;font:700 11px Arial}
.overview-agenda-tabs button.selected{background:#fff;color:#292929;box-shadow:0 2px 8px #00000010}
.overview-agenda-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:10px;background:#ffe1e7;color:#a31331;font-size:10px}
.overdue-activity-list article{border-left:3px solid #cf0a2c;background:#fff6f8}
.overdue-activity-list .activity-date{color:#a31331;font-weight:800}
.activity-list [data-event]{cursor:pointer}
.contracts-view{display:grid;gap:18px;margin-top:25px}
.contract-builder{padding:24px;border:1px solid #ead9dc;border-radius:16px;background:#fff;box-shadow:0 8px 26px #44101a0a}
.contract-builder>header{display:flex;justify-content:space-between;gap:24px;margin-bottom:22px}
.contract-builder>header h2,.contract-history h2{margin:0;color:#333;font:600 25px Georgia}
.contract-builder>header p:not(.eyebrow){max-width:720px;margin:8px 0 0;color:#747474;font:13px/1.5 Arial}
.contract-builder>header>span{height:max-content;padding:7px 10px;border-radius:999px;background:#fff0f3;color:#a2132e;font:800 11px Arial;white-space:nowrap}
.contract-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.contract-form .field input,.contract-form .field select{height:42px;padding:0 12px;border:1px solid #dedede;border-radius:9px;background:#fff;color:#333}
.contract-bank{border:1px solid #e4e4e4;border-radius:10px;background:#fafafa}
.contract-bank summary{padding:13px 14px;color:#555;font:800 11px Arial;cursor:pointer}
.contract-bank>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px}
.contract-generate{justify-content:center;width:100%;height:44px;background:#cf0a2c;border-color:#cf0a2c}
.contract-generate:hover{background:#a70924}
.contract-history{overflow:hidden}
.contract-history>header{padding:20px 22px 12px}
.contract-download{display:inline-flex;padding:7px 10px;border:1px solid #e7c9cf;border-radius:8px;color:#ae102d;text-decoration:none;font:800 11px Arial;background:#fff8f9}
@media(max-width:760px){.contract-builder{padding:18px}.contract-builder>header{display:block}.contract-builder>header>span{display:inline-block;margin-top:12px}.contract-form,.contract-bank>div{grid-template-columns:1fr}.contract-form .field.full,.contract-bank.full,.contract-generate.full{grid-column:1}}