.contracts-page{display:grid;gap:18px}.contract-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.contract-stats article{padding:18px 20px;border:1px solid #e4eaf3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(11,30,69,.04)}.contract-stats span{display:block;color:#77859b;font-size:10px;font-weight:700;margin-bottom:8px}.contract-stats b{font-size:23px;color:#091b3d}.contract-stats .attention{border-color:#ffe0a3;background:#fffbf1}.contract-stats .attention b{color:#b56a00}.contract-stats .money{background:linear-gradient(135deg,#071b43,#0b3575)}.contract-stats .money span,.contract-stats .money b{color:#fff}.contract-filters{display:grid;grid-template-columns:minmax(240px,1fr) 210px auto;gap:10px}.contract-filters label{display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dfe5ef;border-radius:11px;background:#fff}.contract-filters label input{border:0;box-shadow:none;padding-left:0}.contract-table{overflow:auto}.contract-table table{min-width:1120px}.contract-table tr.clickable-contract{cursor:pointer}.contract-table tr.clickable-contract:hover td{background:#f7faff}.contract-table td small{display:block;margin-top:4px;color:#8491a5;font-size:9px}.contract-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;background:#eef2f7;color:#536076}.contract-status.ativo{background:#e6fbf3;color:#087a52}.contract-status.renovacao{background:#e9f3ff;color:#1466c3}.contract-status.suspenso{background:#fff4d9;color:#9a6500}.contract-status.desistencia,.contract-status.distrato{background:#ffe9e9;color:#b32323}.contract-form{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:0}.contract-form>.dialog-head{position:sticky;top:0;z-index:3;padding:22px 26px;background:#fff;border-bottom:1px solid #e8ecf3}.contract-form-section{padding:20px 26px;border-bottom:1px solid #edf0f5}.contract-form-section h3{margin:0 0 14px;font-size:13px;color:#12244a}.contract-form>.dialog-actions{position:sticky;bottom:0;z-index:3;margin:0;padding:17px 26px;background:#fff;box-shadow:0 -8px 25px rgba(9,27,61,.06)}
@media(max-width:900px){.contract-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.contract-stats{grid-template-columns:1fr 1fr}.contract-stats article{padding:15px}.contract-stats b{font-size:18px}.contract-filters{grid-template-columns:1fr}.contract-form-section{padding:18px}.contract-form>.dialog-head,.contract-form>.dialog-actions{padding-left:18px;padding-right:18px}}