.contract-page{--contract-blue:#4d78b4;--contract-green:#3b8b70;--contract-amber:#a67832;--contract-orange:#c0784d;--contract-gray:#8b9098;display:grid;gap:18px;min-width:0;color:var(--foreground)}.dark .contract-page{--contract-blue:#8eafe0;--contract-green:#75cdb1;--contract-amber:#d9b878;--contract-orange:#dfaa87;--contract-gray:#adb2bc}.contract-hero{justify-content:space-between;gap:24px}.contract-hero,.contract-hero-copy{display:flex;min-width:0;align-items:flex-start}.contract-hero-copy{gap:14px}.contract-hero-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--contract-blue) 22%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--contract-blue) 9%,var(--card));color:var(--contract-blue)}.contract-hero-icon svg{width:23px;height:23px}.contract-eyebrow,.contract-section-kicker{display:block;color:var(--muted-foreground);font-size:9px;font-weight:750;letter-spacing:.15em}.contract-hero h1{margin:7px 0 0;font-size:clamp(28px,3vw,36px);letter-spacing:-.045em}.contract-hero p{margin:5px 0 0;color:var(--muted-foreground);font-size:13px;line-height:1.6}.contract-hero-actions{display:flex;flex-shrink:0;align-items:center;gap:8px;padding-top:5px}.contract-hero-actions .button{min-height:38px;white-space:nowrap}.contract-hero-actions .button svg{width:15px;height:15px}.contract-context{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--muted) 35%,var(--card));padding:10px 13px;color:var(--muted-foreground);font-size:10px}.contract-context>div,.contract-context>span{display:inline-flex;min-width:0;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-context svg{width:13px;height:13px}.contract-context b{color:var(--border);font-weight:500}.contract-live-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--contract-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--contract-green) 15%,transparent)}.contract-notice{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--contract-green) 28%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--contract-green) 8%,var(--card));padding:9px 12px;color:var(--contract-green);font-size:11px}.contract-notice>svg{width:15px;height:15px;flex:0 0 auto}.contract-notice button{display:grid;width:24px;height:24px;margin-left:auto;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.contract-notice button svg{width:15px;height:15px}.contract-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.contract-metrics article{display:flex;min-width:0;min-height:92px;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:16px}.contract-metrics article>div{min-width:0}.contract-dialog-icon,.contract-metric-icon,.contract-renewal-date{display:grid;flex:0 0 auto;place-items:center;border-radius:10px}.contract-metric-icon{width:35px;height:35px}.contract-metric-icon svg{width:18px;height:18px}.contract-metrics em,.contract-metrics small{color:var(--muted-foreground);font-size:10px;font-style:normal}.contract-metrics em,.contract-metrics small,.contract-metrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-metrics strong{margin:5px 0 3px;font-size:clamp(20px,2vw,26px);line-height:1;letter-spacing:-.04em}.contract-tone-blue{background:color-mix(in srgb,var(--contract-blue) 12%,transparent);color:var(--contract-blue)}.contract-tone-green{background:color-mix(in srgb,var(--contract-green) 12%,transparent);color:var(--contract-green)}.contract-tone-amber{background:color-mix(in srgb,var(--contract-amber) 13%,transparent);color:var(--contract-amber)}.contract-tone-orange{background:color-mix(in srgb,var(--contract-orange) 13%,transparent);color:var(--contract-orange)}.contract-tone-slate{background:color-mix(in srgb,#727c8c 12%,transparent);color:#727c8c}.contract-tone-gray{background:color-mix(in srgb,var(--contract-gray) 12%,transparent);color:var(--contract-gray)}.contract-list-panel,.contract-panel{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--card);box-shadow:0 1px 2px rgb(15 23 42/3%)}.contract-list-heading,.contract-panel-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:14px}.contract-list-heading{padding:19px 20px 15px}.contract-panel-heading{padding:18px 18px 14px}.contract-list-heading h2,.contract-panel-heading h2{margin:5px 0 0;font-size:15px;font-weight:650;letter-spacing:-.02em}.contract-list-heading h2 span{margin-left:5px;color:var(--muted-foreground);font-size:10px;font-weight:450}.contract-list-heading p,.contract-panel-heading p{margin:4px 0 0;color:var(--muted-foreground);font-size:10px}.contract-more-button{display:grid;width:30px;height:30px;flex-shrink:0;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--muted-foreground);cursor:pointer}.contract-more-button:hover{background:var(--muted);color:var(--foreground)}.contract-more-button svg{width:16px;height:16px}.contract-status-strip{display:flex;align-items:center;gap:5px;overflow-x:auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 30%,transparent);padding:8px 20px}.contract-status-strip button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;background:transparent;padding:6px 8px;color:var(--muted-foreground);font-size:10px;cursor:pointer}.contract-status-strip button.is-active,.contract-status-strip button:hover{border-color:var(--border);background:var(--card);color:var(--foreground);box-shadow:0 1px 2px rgb(0 0 0/4%)}.contract-status-strip button b{color:var(--foreground);font-size:10px;font-weight:650}.contract-status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%}.contract-status-dot-slate{background:#87909d}.contract-status-dot-amber{background:var(--contract-amber)}.contract-status-dot-green{background:var(--contract-green)}.contract-status-dot-orange{background:var(--contract-orange)}.contract-status-dot-blue{background:var(--contract-blue)}.contract-status-dot-gray{background:#a4a7ad}.contract-toolbar{display:flex;min-width:0;align-items:center;gap:8px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 18%,transparent);padding:10px 20px}.contract-filter,.contract-search{display:flex;min-height:34px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:0 10px;color:var(--muted-foreground)}.contract-search{width:min(410px,100%)}.contract-filter{min-width:155px}.contract-filter svg,.contract-search svg{width:14px;height:14px;flex:0 0 auto}.contract-filter select,.contract-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foreground);font-size:11px}.contract-filter select{cursor:pointer}.contract-search button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted-foreground);cursor:pointer}.contract-search button svg{width:13px;height:13px}.contract-clear-filter{border:0;background:transparent;padding:0 4px;color:var(--contract-blue);font-size:10px;cursor:pointer}.contract-table-scroll{overflow-x:auto}.contract-table{width:100%;min-width:950px;border-collapse:collapse;table-layout:fixed}.contract-table th{height:40px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 52%,transparent);padding:0 12px;color:var(--muted-foreground);font-size:9px;font-weight:650;text-align:left;white-space:nowrap}.contract-table th:first-child{width:14%}.contract-table th:nth-child(2){width:25%}.contract-table th:nth-child(3){width:15%}.contract-table th:nth-child(4){width:13%}.contract-table th:nth-child(5){width:12%}.contract-table th:nth-child(6){width:11%}.contract-table th:nth-child(7){width:12%}.contract-table th:nth-child(8){width:38px}.contract-table td{height:68px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);padding:8px 12px;font-size:10px;vertical-align:middle}.contract-table tbody tr{transition:background-color .12s}.contract-table tbody tr.is-selected,.contract-table tbody tr:hover{background:color-mix(in srgb,var(--muted) 55%,transparent)}.contract-table tbody tr:last-child td{border-bottom:0}.contract-customer small,.contract-id+small,.contract-table td>small{display:block;overflow:hidden;margin-top:4px;color:var(--muted-foreground);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.contract-id{color:var(--foreground);font-size:10px;font-weight:700}.contract-customer{display:flex;min-width:0;align-items:center;gap:9px}.contract-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--contract-blue) 24%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--contract-blue) 9%,transparent);color:var(--contract-blue);font-size:12px;font-weight:700}.contract-customer>div{min-width:0}.contract-customer strong{display:block;overflow:hidden;color:var(--foreground);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.contract-customer small{max-width:210px}.contract-status{display:inline-flex;max-width:100%;align-items:center;gap:6px;border:1px solid color-mix(in srgb,currentColor 22%,var(--border));border-radius:5px;background:color-mix(in srgb,currentColor 8%,transparent);padding:5px 7px;font-size:9px;white-space:nowrap}.contract-status>span{width:5px;height:5px;border-radius:50%;background:currentColor}.contract-status-slate{color:#727c8c}.contract-status-amber{color:var(--contract-amber)}.contract-status-green{color:var(--contract-green)}.contract-status-orange{color:var(--contract-orange)}.contract-status-blue{color:var(--contract-blue)}.contract-status-gray{color:var(--contract-gray)}.contract-amount{color:var(--foreground);font-size:11px;white-space:nowrap}.contract-owner{display:inline-flex;align-items:center;gap:5px;color:var(--muted-foreground);white-space:nowrap}.contract-owner svg{width:13px;height:13px}.contract-table td:nth-child(6),.contract-updated{color:var(--muted-foreground);white-space:nowrap}.contract-expiring{color:var(--contract-orange)}.contract-sort-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}.contract-sort-button.is-active{color:var(--foreground)}.contract-row-action{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer}.contract-row-action:hover{background:var(--muted);color:var(--foreground)}.contract-row-action svg{width:14px;height:14px}.contract-empty{height:230px!important;text-align:center}.contract-empty svg{display:block;width:24px;height:24px;margin:0 auto 9px;color:var(--muted-foreground)}.contract-empty button,.contract-empty span,.contract-empty strong{display:block;margin:0 auto}.contract-empty strong{color:var(--foreground);font-size:13px}.contract-empty span{margin-top:5px;color:var(--muted-foreground);font-size:10px}.contract-empty button{margin-top:10px;border:0;background:transparent;color:var(--contract-blue);font-size:10px;cursor:pointer}.contract-pagination{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 30%,transparent);padding:10px 20px;color:var(--muted-foreground);font-size:10px}.contract-pagination>div{display:flex;align-items:center;gap:10px}.contract-pagination button{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);font-size:17px;line-height:1;cursor:pointer}.contract-pagination button:disabled{cursor:not-allowed;opacity:.4}.contract-pagination strong{color:var(--foreground);font-size:10px;font-weight:550;white-space:nowrap}.contract-lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:12px;min-width:0}.contract-heading-icon{width:17px;height:17px;color:var(--muted-foreground)}.contract-text-link{display:inline-flex;align-items:center;gap:4px;color:var(--contract-blue);font-size:10px;white-space:nowrap}.contract-text-link svg{width:13px;height:13px}.contract-renewal-list{display:grid;gap:2px;padding:0 10px 10px}.contract-renewal-list button{display:flex;width:100%;min-width:0;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;padding:9px 8px;color:var(--foreground);text-align:left;cursor:pointer}.contract-renewal-list button:hover{background:var(--muted)}.contract-renewal-date{width:35px;height:38px;border-radius:8px}.contract-renewal-date b,.contract-renewal-date small{display:block;text-align:center}.contract-renewal-date b{font-size:12px;line-height:1}.contract-renewal-date small{margin-top:3px;font-size:8px}.contract-renewal-list button>span:nth-child(2){display:block;min-width:0;flex:1}.contract-renewal-list small,.contract-renewal-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-renewal-list strong{font-size:10px}.contract-renewal-list small{margin-top:3px;color:var(--muted-foreground);font-size:9px}.contract-renewal-list em{flex-shrink:0;color:var(--muted-foreground);font-size:9px;font-style:normal}.contract-health-list{display:grid;gap:13px;padding:0 18px 14px}.contract-health-list>div,.contract-health-list>div>div{display:grid;grid-template-columns:1fr auto;gap:6px;color:var(--muted-foreground);font-size:10px}.contract-health-list b{color:var(--foreground);font-size:10px}.contract-health-list i{grid-column:1/-1;display:block;height:5px;overflow:hidden;border-radius:99px;background:var(--muted)}.contract-health-list em{display:block;height:100%;border-radius:inherit}.contract-fill-green{background:var(--contract-green)}.contract-fill-amber{background:var(--contract-amber)}.contract-fill-orange{background:var(--contract-orange)}.contract-health-foot{display:flex;align-items:flex-start;gap:7px;border-top:1px solid var(--border);padding:11px 18px;color:var(--muted-foreground);font-size:9px;line-height:1.5}.contract-health-foot svg{width:14px;height:14px;flex:0 0 auto;color:var(--contract-green)}.contract-footnote{margin:-3px 0 0;color:var(--muted-foreground);font-size:9px;text-align:right}.contract-dialog{max-width:570px}.contract-detail-dialog{max-width:650px}.contract-detail-heading,.contract-dialog-title{display:flex;align-items:center;gap:11px}.contract-dialog-icon{width:37px;height:37px}.contract-dialog-icon svg{width:18px;height:18px}.contract-detail-heading>div,.contract-dialog-title>div{min-width:0}.contract-dialog [data-slot=dialog-title]{font-size:17px}.contract-dialog [data-slot=dialog-description]{margin-top:3px;font-size:11px}.contract-form{display:grid;gap:12px}.contract-form-note{margin:0;border:1px solid color-mix(in srgb,var(--contract-blue) 20%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--contract-blue) 7%,transparent);padding:9px 10px;color:var(--muted-foreground);font-size:10px;line-height:1.5}.contract-form label{display:grid;gap:6px;color:var(--foreground);font-size:11px;font-weight:600}.contract-form input{min-height:37px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 10px;color:var(--foreground);font-size:11px;outline:0}.contract-form input:focus{border-color:var(--contract-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--contract-blue) 15%,transparent)}.contract-form [data-slot=dialog-footer]{margin-top:4px}.contract-detail-actions .button svg,.contract-form .button svg{width:15px;height:15px}.contract-detail-heading{align-items:flex-start;justify-content:space-between}.contract-detail-heading>.contract-status{margin-top:4px}.contract-detail-body{display:grid;gap:17px}.contract-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contract-detail-summary>div{min-width:0;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--muted) 26%,transparent);padding:10px}.contract-detail-summary small,.contract-detail-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-detail-summary small{color:var(--muted-foreground);font-size:9px}.contract-detail-summary strong{margin-top:5px;font-size:12px}.contract-detail-section{display:grid;gap:9px}.contract-detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--foreground);font-size:11px}.contract-detail-section-heading span{display:inline-flex;align-items:center;gap:6px}.contract-detail-section-heading svg{width:14px;height:14px;color:var(--contract-blue)}.contract-detail-section-heading b{color:var(--muted-foreground);font-size:9px;font-weight:500}.contract-timeline{display:grid;gap:10px}.contract-timeline>div{display:grid;grid-template-columns:21px minmax(0,1fr) auto;gap:8px;align-items:start}.contract-timeline>div>span{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:var(--muted);color:var(--muted-foreground)}.contract-timeline>div>span.is-done{background:color-mix(in srgb,var(--contract-green) 12%,transparent);color:var(--contract-green)}.contract-timeline>div>span svg{width:13px;height:13px}.contract-timeline small,.contract-timeline strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-timeline strong{font-size:10px}.contract-timeline small{margin-top:2px;color:var(--muted-foreground);font-size:9px}.contract-timeline time{color:var(--muted-foreground);font-size:9px;white-space:nowrap}.contract-detail-note{margin:0;color:var(--muted-foreground);font-size:10px;line-height:1.6}.contract-detail-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted-foreground);font-size:9px}.contract-detail-meta span{display:inline-flex;align-items:center;gap:5px}.contract-detail-meta svg{width:12px;height:12px}.contract-stage-actions{display:flex;flex-wrap:wrap;gap:5px}.contract-stage-actions button{border:1px solid var(--border);border-radius:6px;background:transparent;padding:6px 8px;color:var(--muted-foreground);font-size:9px;cursor:pointer}.contract-stage-actions button.is-active,.contract-stage-actions button:hover{border-color:color-mix(in srgb,var(--contract-blue) 45%,var(--border));background:color-mix(in srgb,var(--contract-blue) 9%,transparent);color:var(--contract-blue)}.contract-detail-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:14px}.contract-detail-actions .button{min-height:35px;font-size:11px}@media (max-width:900px){.contract-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-lower-grid{grid-template-columns:1fr}}@media (max-width:640px){.contract-page{gap:14px}.contract-hero{align-items:stretch;flex-direction:column;gap:14px}.contract-hero-icon{width:42px;height:42px;border-radius:11px}.contract-hero h1{font-size:26px}.contract-hero p{font-size:12px}.contract-hero-actions{justify-content:stretch;padding-top:0}.contract-hero-actions .button{flex:1;justify-content:center}.contract-context{align-items:flex-start;flex-direction:column;gap:7px}.contract-metrics article{min-height:82px;padding:12px}.contract-metric-icon{width:31px;height:31px}.contract-metrics strong{font-size:20px}.contract-list-heading,.contract-panel-heading,.contract-status-strip,.contract-toolbar{padding-right:14px;padding-left:14px}.contract-toolbar{align-items:stretch;flex-wrap:wrap}.contract-search{width:100%}.contract-filter{flex:1;min-width:0}.contract-pagination{align-items:flex-start;flex-direction:column;padding-right:14px;padding-left:14px}.contract-footnote{text-align:left}.contract-detail-summary{grid-template-columns:1fr}.contract-timeline>div{grid-template-columns:21px minmax(0,1fr)}.contract-timeline time{grid-column:2}.contract-detail-actions{align-items:stretch;flex-direction:column-reverse}.contract-detail-actions .button{justify-content:center}}.contract-page .workspace-hero{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:10px;border-bottom:1px solid var(--border);padding:0 0 12px}.contract-page{--pipeline-blue:var(--contract-blue);--pipeline-violet:#8766ac;--pipeline-green:var(--contract-green)}.contract-page .workspace-hero .pipeline-hero-main{display:flex;width:100%;min-width:0;align-items:flex-start;justify-content:space-between;gap:16px}.contract-page .workspace-hero .pipeline-hero-copy{display:flex;min-width:0;align-items:center;gap:14px}.contract-page .workspace-hero .pipeline-hero-icon{width:40px;height:40px;border:0;border-radius:10px;background:var(--muted);color:var(--foreground)}.contract-page .workspace-hero h1{margin:1px 0 0;font-size:clamp(25px,2.4vw,31px);line-height:1.15;font-weight:650;letter-spacing:-.045em}.contract-page .workspace-hero p{margin:3px 0 0;font-size:12px;line-height:1.4}.contract-page .workspace-hero .pipeline-hero-actions{display:flex;align-items:center;gap:8px;padding-top:0}.contract-page .workspace-hero .pipeline-hero-actions .button{min-height:34px}.contract-page .contract-context{border:0;border-radius:9px;background:color-mix(in srgb,var(--muted) 42%,transparent);padding:10px 12px}.contract-page .contract-metrics article{min-height:86px;padding:14px}.contract-page .contract-list-panel{border:0;box-shadow:none}.contract-page .contract-list-heading{padding:16px 16px 13px}.contract-page .contract-list-heading h2{margin-top:4px;font-size:14px}.contract-page .contract-list-heading p{font-size:10px}.contract-page .contract-toolbar{padding:10px 20px}.contract-page .contract-filter{min-width:190px}.contract-page .contract-table-scroll{overflow:visible}.contract-page .contract-table{min-width:0}.contract-page .contract-table td,.contract-page .contract-table th{border:0}.contract-page .contract-table th{height:32px;padding:0 10px;font-size:9px}.contract-page .contract-table td{padding:8px 10px}.contract-page .contract-table th:first-child{width:14%}.contract-page .contract-table th:nth-child(2){width:24%}.contract-page .contract-table th:nth-child(3){width:13%}.contract-page .contract-table th:nth-child(4){width:12%}.contract-page .contract-table th:nth-child(5){width:13%}.contract-page .contract-table th:nth-child(6),.contract-page .contract-table th:nth-child(7){width:11%}.contract-page .contract-table td:last-child,.contract-page .contract-table th:last-child{width:38px;padding-inline:4px;text-align:center}.contract-page .contract-table tbody tr.is-selected,.contract-page .contract-table tbody tr:hover{background:color-mix(in srgb,var(--muted) 58%,transparent)}@media (max-width:760px){.contract-page .workspace-hero .pipeline-hero-main{align-items:stretch;flex-direction:column;gap:14px}.contract-page .workspace-hero .pipeline-hero-actions{justify-content:stretch;padding-top:0}.contract-page .workspace-hero .pipeline-hero-actions .button{flex:1;justify-content:center}.contract-page .contract-table-scroll{overflow:visible}.contract-page .contract-table{display:block;width:100%;table-layout:auto}.contract-page .contract-table thead{display:none}.contract-page .contract-table tbody{display:grid;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--muted) 18%,transparent)}.contract-page .contract-table tbody tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);padding:10px 12px}.contract-page .contract-table td{display:block;height:auto;min-width:0;border:0;padding:4px 0;font-size:10px}.contract-page .contract-table td:before{display:block;margin-bottom:3px;content:attr(data-label);color:var(--muted-foreground);font-size:8px;line-height:1.2}.contract-page .contract-table td:first-child,.contract-page .contract-table td:nth-child(2),.contract-page .contract-table td:nth-child(7){grid-column:1/-1}.contract-page .contract-table td:first-child{padding-right:40px}.contract-page .contract-table td:nth-child(2){border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);padding-bottom:8px}.contract-page .contract-table td:nth-child(8){position:absolute;top:10px;right:12px;padding:0}.contract-page .contract-table td:nth-child(8):before{display:none}.contract-page .contract-table td:nth-child(8) .contract-row-action{width:29px;height:29px}.contract-page .contract-table .contract-customer{gap:8px}.contract-page .contract-table .contract-customer small{max-width:100%}.contract-page .contract-table .contract-status{margin-top:1px}}@media (max-width:520px){.contract-page .workspace-hero .pipeline-hero-icon{width:42px;height:42px;border-radius:11px}.contract-page .workspace-hero h1{font-size:26px}.contract-page .contract-context{align-items:flex-start;gap:6px}.contract-page .contract-metrics{gap:8px}.contract-page .contract-metrics article{min-height:80px;padding:11px}.contract-page .contract-pagination,.contract-page .contract-status-strip{padding-right:14px;padding-left:14px}}.contract-page .contract-toolbar{background:color-mix(in srgb,var(--muted) 45%,transparent)}.contract-page .contract-filter,.contract-page .contract-search{border:0;background:var(--muted)}.contract-page .contract-table td{height:72px}.contract-page .contract-avatar,.contract-page .contract-row-action,.contract-page .contract-status{border:0}.contract-page .contract-row-action{width:30px;height:30px;border-radius:8px;background:var(--muted)}.contract-page .contract-row-action:hover{background:var(--muted);color:var(--foreground)}@media (max-width:1000px) and (min-width:761px){.contract-page .contract-toolbar{flex-wrap:wrap}.contract-page .contract-search{flex:1 1 280px}.contract-page .contract-filter{flex:1 1 150px;min-width:0}}