.product-management-panel { container-type: inline-size; }
.product-management-heading { align-items: flex-start; gap: 18px; margin-bottom: 18px; flex-wrap: wrap; }
.product-management-heading .panel-title,.product-instance-target .panel-title { font-size: 18px; line-height: 1.5; margin-bottom: 5px; }
.product-management-heading p,.product-instance-placeholder p { margin: 0; font-size: 13px; line-height: 1.7; }
.product-management-heading .platform-stock-toolbar { margin-left: auto; }
.machine-products-page .product-management-table-wrap { overflow: visible; border: 1px solid #e5eaf2; border-radius: 10px; }
.machine-products-page table.product-management-table { width: 100%; min-width: 0; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.product-management-table .product-info-col { width: 21%; }
.product-management-table .product-spec-col { width: 20%; }
.product-management-table .product-price-col { width: 15%; }
.product-management-table .product-stock-col { width: 32%; }
.product-management-table .product-operation-col { width: 12%; }
.machine-products-page .product-management-table :is(th,td) { width: auto; padding: 16px; text-align: left; white-space: normal; overflow-wrap: anywhere; border-bottom: 1px solid #e9edf4; }
.machine-products-page .product-management-table th { background: #f7f9fc; color: #65738a; font-size: 13px; font-weight: 600; padding-block: 13px; }
.machine-products-page .product-management-table tbody tr { height: 270px; }
.machine-products-page .product-management-table td { vertical-align: middle; line-height: 1.6; }
.machine-products-page .product-management-table tbody tr:last-child td { border-bottom: 0; }
.product-management-name { display: block; font-size: 15px; color: #20314e; line-height: 1.6; }
.product-management-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.product-management-subtitle { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 10px 0 0; color: #65738a; font-size: 13px; }
.product-management-field-label { display: block; color: #8290a5; font-size: 12px; margin-top: 12px; }
.product-management-sku { color: #586984; font-size: 13px; line-height: 1.65; }
.product-management-price { display: block; color: #193d82; font-size: 20px; white-space: nowrap; margin-bottom: 12px; }
.product-management-price small { font-size: 12px; font-weight: 500; }
.product-management-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: #738098; line-height: 1.9; }
.product-management-meta b { font-weight: 500; color: #384e70; }
.product-management-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; max-width: 112px; }
.product-management-panel .btn,.product-instance-target .btn,.instance-section .instance-filter-actions .btn,.instance-section .instance-row-actions .btn { min-height: 34px; padding: 6px 12px; border-radius: 7px; font-size: 13px; line-height: 20px; margin: 0; white-space: nowrap; }
.product-management-panel .fixed-product-inventory { gap: 9px; min-height: 210px; align-content: start; font-size: 14px; }
.product-management-panel .fixed-inventory-heading { min-height: 28px; }
.product-management-panel .fixed-inventory-model { min-height: 47px; gap: 1px; }
.product-management-panel .fixed-inventory-model strong { font-size: 13px; line-height: 1.65; }
.product-management-panel .fixed-inventory-counts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.product-management-panel .fixed-inventory-count { min-height: 38px; padding: 5px 9px; gap: 4px; }
.product-management-panel .fixed-inventory-count dt { font-size: 13px; }
.product-management-panel .fixed-inventory-count dd { font-size: 22px; }
.product-management-panel .fixed-inventory-count--used { background: #edf3ff; }
.inventory-inspect-button { display: inline-flex; align-items: center; gap: 5px; font: inherit; font-weight: 700; padding: 0 2px; border: 0; border-radius: 4px; background: transparent; color: #215ee2; cursor: pointer; line-height: 1.3; min-height: 28px; }
.inventory-inspect-button span { font-size: 13px; font-weight: 500; }
.inventory-inspect-button:hover { text-decoration: underline; color: #1647b0; }
.inventory-inspect-button:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.inventory-inspect-text { font-size: 13px; }
.product-inventory-kind { color: #64748b; font-size: 12px; }
.product-management-panel .fixed-inventory-details { gap: 2px 8px; min-height: 34px; font-size: 12px; line-height: 1.5; }
.product-management-panel .fixed-inventory-details span { white-space: normal; }
.product-instance-target { min-width: 0; margin-top: 24px; scroll-margin-top: 88px; outline: none; }
.product-instance-target.is-selected { min-height: calc(100vh - 90px); }
.product-instance-placeholder { min-height: 125px; }
.product-instance-context { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 10px 14px; margin: 0 0 14px; background: #f0f5ff; border: 1px solid #dfe9fc; border-radius: 8px; color: #28549c; font-size: 13px; }
.product-instance-context span { margin-left: auto; color: #6e7f99; font-size: 12px; }
.instance-section .instance-list-filters { grid-template-columns: minmax(170px,1.6fr) repeat(3,minmax(120px,1fr)); align-items: stretch; gap: 10px; margin-bottom: 16px; }
.instance-section .instance-list-filters .input,.instance-section .instance-list-filters .date-range-trigger { height: 36px; font-size: 13px; border-radius: 7px; }
.instance-section .instance-filter-actions { display: flex; align-items: center; gap: 8px; margin: 0; }
.instance-section .instance-list-table { width: 100%; min-width: 0; font-size: 13px; table-layout: fixed; }
.instance-section .instance-list-table .instance-name-col { width: 14%; }
.instance-section .instance-list-table .instance-gpu-col { width: 17%; }
.instance-section .instance-list-table .instance-id-col { width: 16%; }
.instance-section .instance-list-table .instance-status-col { width: 9%; }
.instance-section .instance-list-table .instance-rate-col { width: 13%; }
.instance-section .instance-list-table .instance-date-col,.instance-section .instance-list-table .instance-sync-col { width: 9%; }
.instance-section .instance-list-table .instance-action-col { width: 13%; }
.instance-section .instance-list-table th { padding: 13px 10px; font-size: 13px; color: #65738a; white-space: normal; }
.instance-section .instance-list-table td { padding: 16px 10px; line-height: 1.6; overflow-wrap: anywhere; white-space: normal; }
.instance-section .instance-list-table .instance-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; }
.instance-section .instance-list-table .instance-row-actions .btn { min-height: 32px; padding: 5px 8px; font-size: 12px; }
.instance-section .instance-list-table th:last-child { text-align: left; }
.instance-list-table .instance-list-id { flex-wrap: wrap; align-items: flex-start; gap: 5px; }
.instance-list-table .instance-primary { font-size: 14px; line-height: 1.6; }
.instance-list-table .instance-status-cell { display: grid; gap: 6px; justify-items: start; }
.instance-list-table .instance-list-time { font-size: 12px; }
.instance-list-table .instance-runtime-main { white-space: normal; }
@container (max-width: 1100px) {
  .machine-products-page .product-management-table :is(th,td) { padding-inline: 11px; }
  .product-management-table .product-info-col { width: 20%; }
  .product-management-table .product-spec-col { width: 18%; }
  .product-management-table .product-price-col { width: 15%; }
  .product-management-table .product-stock-col { width: 35%; }
}
@container (max-width: 850px) {
  .machine-products-page .product-management-table :is(table,tbody) { display: block; width: 100%; }
  .product-management-table colgroup,.product-management-table thead { display: none; }
  .machine-products-page .product-management-table tbody tr { display: grid; height: 270px; grid-template-columns: 1fr 1fr 1.5fr; gap: 0 10px; padding: 16px; border-bottom: 1px solid #e5eaf2; }
  .machine-products-page .product-management-table td { display: block; width: auto; padding: 6px 0; border: 0; }
  .product-management-table td:nth-child(1) { grid-column: 1; grid-row: 1; }
  .product-management-table td:nth-child(2) { grid-column: 2; grid-row: 1; }
  .product-management-table td:nth-child(3) { grid-column: 1; grid-row: 2; }
  .product-management-table td:nth-child(4) { grid-column: 3; grid-row: 1 / 3; }
  .product-management-table td:nth-child(5) { grid-column: 2; grid-row: 2; align-self: end; }
  .product-management-actions { max-width: none; }
  .product-management-subtitle { margin-top: 6px; }
}
@container (max-width: 560px) {
  .machine-products-page .product-management-table tbody tr { height: auto; grid-template-columns: 1fr 1fr; gap: 12px; }
  .product-management-table td:nth-child(1) { grid-column: 1 / -1; grid-row: 1; }
  .product-management-table td:nth-child(2) { grid-column: 1; grid-row: 2; }
  .product-management-table td:nth-child(3) { grid-column: 2; grid-row: 2; }
  .product-management-table td:nth-child(4) { grid-column: 1 / -1; grid-row: 3; }
  .product-management-table td:nth-child(5) { grid-column: 1 / -1; grid-row: 4; }
  .product-management-actions { flex-direction: row; }
  .product-management-actions .btn { flex: 1; }
  .product-management-panel .fixed-inventory-counts { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .product-management-panel .fixed-inventory-count { flex-direction: column; gap: 2px; }
  .product-management-panel .fixed-product-inventory { min-height: 0; }
}
@media (max-width: 1440px) {
  .instance-section .instance-list-table colgroup,.instance-section .instance-list-table thead { display: none; }
  .instance-section .instance-list-table,.instance-section .instance-list-table tbody { display: block; width: 100%; }
  .instance-section .instance-list-table tbody tr { display: grid; grid-template-columns: 1.1fr 1.2fr 1.2fr 1.2fr; height: auto; min-height: 220px; gap: 14px 18px; border: 1px solid #e5eaf2; border-radius: 9px; padding: 16px; margin-bottom: 12px; background: #fff; }
  .instance-section .instance-list-table td { display: block; border: 0; padding: 0; width: auto; }
  .instance-section .instance-list-table td::before { display: block; margin-bottom: 5px; color: #8090a7; font-size: 12px; line-height: 1.5; }
  .instance-list-table td:nth-child(1)::before { content: '实例及会员'; }
  .instance-list-table td:nth-child(2)::before { content: 'GPU 配置'; }
  .instance-list-table td:nth-child(3)::before { content: '实例 ID'; }
  .instance-list-table td:nth-child(4)::before { content: '实例状态'; }
  .instance-list-table td:nth-child(5)::before { content: '运行时长 / 计费'; }
  .instance-list-table td:nth-child(6)::before { content: '创建时间'; }
  .instance-list-table td:nth-child(7)::before { content: '最近同步'; }
  .instance-list-table td:nth-child(8)::before { content: '操作'; }
}
@media (max-width: 1000px) {
  .instance-section .instance-list-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .instance-section .instance-list-filters > input { grid-column: span 2; }
  .instance-section .instance-list-table tbody tr { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .product-management-heading .platform-stock-toolbar { width: 100%; margin-left: 0; }
  .product-management-heading { gap: 12px; }
  .product-management-panel .platform-stock-toolbar { flex-wrap: wrap; }
  .instance-section .instance-list-table .instance-row-actions { flex-direction: column; align-items: stretch; }
  .product-instance-context span { margin-left: 0; width: 100%; }
  .instance-section .instance-list-filters .input { font-size: 12px; }
}