.modelToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.modelToolbar input{width:260px;height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:0 12px;color:#344054}.modelToolbar>div{display:flex;gap:6px;flex-wrap:wrap}.modelToolbar button{height:32px;font-size:11px}.modelToolbar button.on{background:#ecfdf3;border-color:#abefc6;color:#067647}.modelSummary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid #eaecf0;border-radius:9px;background:#fcfcfd}.modelSummary>span{padding:11px 14px;border-right:1px solid #eaecf0;color:#667085;font-size:11px}.modelSummary>span:last-child{border:0}.modelSummary b{display:block;color:#101828;font-size:17px;margin-top:3px}.modelGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.modelCard{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.modelCard>header{display:flex;align-items:center;justify-content:flex-start;gap:10px}.modelLogo{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;font-style:normal}.modelCard h3{font-size:13px;margin:0}.modelCard header p{font-size:9px;margin:3px 0 0;color:#98a2b3}.modelCard>p{min-height:32px;margin:12px 0 10px;color:#667085;font-size:10px;line-height:1.5}.modelStats{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0;border-top:1px solid #f2f4f7;border-bottom:1px solid #f2f4f7}.modelStats span{font-size:9px;color:#98a2b3}.modelStats b{display:block;margin-top:3px;color:#344054;font-size:12px}.modelCard footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.modelCard footer span{font-size:9px;color:#067647}.modelCard footer button{height:27px;padding:0 8px;font-size:9px}.modelCard.paused{background:#f9fafb;opacity:.72}.modelCard.paused footer span{color:#b54708}.emptyModels{grid-column:1/-1;padding:30px;text-align:center;color:#98a2b3;font-size:12px}@media(max-width:1100px){.modelGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.modelGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.modelSummary{grid-template-columns:1fr 1fr}.modelSummary>span:nth-child(2){border-right:0}.modelToolbar{align-items:stretch;flex-direction:column}.modelToolbar input{width:100%}.modelGrid{grid-template-columns:1fr}}
