.product-favicon{border-radius: 22%;object-fit: cover}.product-mark .product-favicon{width: 100%;height: 100%}.product-card .product-favicon{flex: 0 0 38px;width: 38px;height: 38px}.project-mark .product-favicon{width: 100%;height: 100%}.product-record-identity{display: flex;align-items: flex-start;gap: 14px}.product-record-identity .product-favicon{width: 34px;height: 34px}.product-record-identity h2{margin: 3px 0 5px;font-size: 22px}.product-record-actions{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 20px}.product-record-actions button{display: inline-flex;align-items: center;gap: 7px}.product-record-actions svg{width: 17px;height: 17px}.product-record-facts{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 22px}.product-record-facts>div{display: grid;gap: 6px;padding: 12px;border: 1px solid var(--line, var(--line));border-radius: 8px;background: var(--surface)}.product-record-facts span{font-size: 12px;color: var(--faint, var(--muted))}.product-record-facts strong{font-size: 13px;overflow-wrap: anywhere}
.product-card-body{display: grid;gap: 6px}.product-card-body .status{width: max-content}.product-next-action{font-size: 12px;color: var(--muted);line-height: 1.45}.product-deployment-record{align-items: center}.product-deployment-actions{display: flex;align-items: center;justify-content: flex-end;gap: 12px;flex-wrap: wrap}.product-deployment-actions .table-action{margin-left: 0}.product-live-link{color: var(--brand);font-size: 12px;text-decoration: none}.product-live-link:hover{text-decoration: underline}
@media(max-width:600px){.product-record-facts{grid-template-columns: 1fr 1fr}}