/* Product workspace and list-level actions share the existing neutral tokens. */
.product-breadcrumb { display:flex; align-items:center; gap:11px; margin-bottom:21px; color:#7c7c7c; font-size:11px; }
.product-breadcrumb > span:last-child { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.product-breadcrumb .text-link { flex-shrink:0; min-height:32px; }
.product-heading { margin-bottom:18px; }
.product-title-row { display:flex; align-items:center; gap:13px; flex-wrap:wrap; }
.product-title-row h1 { font-size:26px; overflow-wrap:anywhere; }
.product-title-row .badge { font-size:10px; }
.product-context { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:21px; font-size:11px; color:#777; }
.product-context > span:first-child { display:flex; align-items:center; gap:7px; }
.product-context .icon { width:14px; height:14px; }
.draft-state { white-space:nowrap; font-size:10px; }
.draft-state.dirty, #product-save-status.dirty { color:#80540e; }
.product-workspace { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:22px; align-items:start; }
.product-main-column, .product-side-column { display:flex; flex-direction:column; gap:20px; min-width:0; }
.product-editor-panel { padding:22px; }
.product-section-title { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:21px; }
.product-section-title h2 { font-size:14px; }
.product-section-title > span:not(.location-code) { font-size:10px; color:#838383; }
.product-editor-panel .field { margin-bottom:20px; }
.product-editor-panel .field:last-child { margin-bottom:0; }
.product-editor-panel .field input, .product-editor-panel .field select, .product-editor-panel .field textarea { font-size:14px; }
.product-editor-panel textarea { line-height:1.65; min-height:130px; }
.product-editor-panel .field small { font-size:11px; }
.product-media-panel { padding:22px; }
.subtle-tag { padding:3px 7px; background:#f4f4f4; border:1px solid #e7e7e7; border-radius:5px; white-space:nowrap; }
.product-media-layout { display:flex; align-items:center; gap:25px; }
.product-editor-image { width:155px; height:182px; object-fit:cover; object-position:50% 40%; border-radius:7px; border:1px solid #e5e5e5; flex-shrink:0; }
.product-media-layout > div { min-width:0; }
.product-media-layout h3 { font-size:13px; font-weight:500; }
.product-media-layout p { font-size:12px; color:#777; margin-top:8px; line-height:1.65; max-width:330px; }
.media-file { display:block; color:#8a8a8a; font-size:10px; margin-top:10px; overflow-wrap:anywhere; }
.product-media-layout .button { margin-top:18px; }
.product-variants-panel .product-section-title, .product-activity-panel .product-section-title { padding:22px 22px 0; }
.product-stock-summary { display:grid; grid-template-columns:repeat(3,1fr); margin:0 22px 22px; border:1px solid #e5e5e5; border-radius:7px; overflow:hidden; }
.product-stock-summary > span { display:flex; flex-direction:column; gap:5px; font-size:10px; color:#777; background:#fafafa; padding:13px 16px; border-right:1px solid #e5e5e5; }
.product-stock-summary > span:last-child { border-right:0; }
.product-stock-summary strong { font-size:22px; color:#252525; font-weight:500; font-variant-numeric:tabular-nums; }
.product-variants-table th, .product-variants-table td { padding:14px 18px; }
.product-variants-table th { font-size:10px; }
.product-variants-table td { font-size:12px; }
.product-variants-table .variant-sku { font-size:9px; color:#777; }
.product-variants-table .badge { font-size:8px; }
.product-variants-table .stock-amount { min-width:22px; }
.product-section-note { font-size:11px; color:#777; line-height:1.6; padding:16px 22px; border-top:1px solid #ececec; }
.product-activity-panel .product-section-note { border:0; padding-top:0; padding-bottom:23px; }
.product-activity-list { padding:0 22px 10px; }
.product-activity-list > div { display:flex; align-items:flex-start; gap:10px; border-top:1px solid #ededed; padding:14px 0; }
.product-activity-list .icon { width:15px; height:15px; color:#858585; margin-top:2px; }
.product-activity-list strong { font-size:11px; display:block; font-weight:500; }
.product-activity-list small { font-size:10px; color:#777; margin-top:4px; display:block; line-height:1.5; }
.price-input-wrap { display:flex; align-items:center; border:1px solid #d6d6d6; border-radius:6px; min-width:0; overflow:hidden; }
.price-input-wrap > span { font-size:11px; color:#777; padding:11px 0 11px 12px; }
.product-editor-panel .field .price-input-wrap input { border:0; background:none; width:100%; font-variant-numeric:tabular-nums; }
.price-input-wrap:focus-within { outline:2px solid #252525; outline-offset:2px; }
.price-input-wrap input:focus-visible { outline:none; }
.other-market-price { border-top:1px solid #ededed; padding-top:16px; display:flex; flex-direction:column; gap:5px; }
.other-market-price > span { font-size:10px; color:#777; }
.other-market-price strong { font-size:18px; font-weight:500; letter-spacing:-.3px; }
.other-market-price small { font-size:9px; color:#858585; }
.product-context-panel { padding:21px; background:#f0f0f0; box-shadow:none; }
.product-context-panel > .icon { width:19px; height:19px; margin-bottom:12px; color:#6d6d6d; }
.product-context-panel h3 { font-size:12px; font-weight:500; }
.product-context-panel p { font-size:11px; margin-top:7px; color:#777; line-height:1.6; }
.product-context-panel > span { display:block; font-size:10px; margin-top:14px; color:#777; }
.product-demo-note { display:flex; gap:9px; padding:0 3px; align-items:flex-start; color:#787878; }
.product-demo-note > .icon { width:14px; height:14px; margin-top:2px; }
.product-demo-note p { font-size:11px; line-height:1.7; }
.product-save-bar { position:sticky; bottom:15px; z-index:10; display:flex; align-items:center; gap:9px; padding:14px 18px; background:#fff; border:1px solid #ddd; border-radius:8px; margin-top:23px; box-shadow:0 5px 24px #00000009; }
.product-save-bar > span { font-size:11px; color:#777; margin-right:auto; }
#product-error { margin-top:20px; }
.product-preview-dialog { width:min(440px,calc(100% - 32px)); }
.product-preview-card { display:flex; flex-direction:column; align-items:flex-start; padding:22px; }
.product-preview-card > img { width:100%; height:300px; object-fit:cover; object-position:50% 40%; border-radius:7px; margin-bottom:18px; }
.product-preview-card > span { font-size:10px; color:#777; }
.product-preview-card h3 { font-size:19px; font-weight:500; margin-top:7px; overflow-wrap:anywhere; }
.product-preview-card > strong { font-size:17px; font-weight:500; margin-top:9px; }
.product-preview-card p { font-size:12px; color:#777; line-height:1.7; margin-top:13px; white-space:pre-wrap; overflow-wrap:anywhere; }
.product-preview-card > small { font-size:10px; color:#777; margin-top:18px; }
.row-actions-cell { text-align:right; }
.order-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
.order-primary-action { min-width:100px; justify-content:flex-start; }
.order-primary-action .icon { width:13px; height:13px; }
.order-more { min-width:34px; width:34px; height:34px; border:1px solid #e1e1e1; background:#fff; }
.order-more .icon { width:16px; height:16px; }
.orders-table.compact .order-more { min-width:28px; width:28px; height:28px; }
.orders-table.compact th:last-child, .orders-table.compact td:last-child { padding-left:5px; padding-right:14px; }
.orders-table.compact th:last-child { font-size:0; }
.order-actions-dialog { position:fixed; margin:0; top:var(--menu-top,100px); left:var(--menu-left,100px); width:250px; max-height:calc(100dvh - 28px); border-radius:9px; box-shadow:0 8px 32px #00000016; }
.order-actions-dialog::backdrop { background:transparent; }
.order-actions-dialog .dialog-heading { padding:12px 13px 7px 17px; gap:8px; align-items:center; }
.order-actions-dialog .dialog-heading h2 { font-size:12px; padding:0; font-weight:500; }
.order-actions-dialog .dialog-heading .icon-button { width:30px; height:30px; min-width:30px; margin:0; }
.order-actions-dialog .dialog-heading .icon { width:15px; height:15px; }
.order-action-menu { padding:7px; }
.order-menu-item { display:flex; align-items:center; gap:11px; width:100%; min-height:41px; padding:9px 11px; border-radius:5px; font-size:12px; text-align:left; }
.order-menu-item .icon { width:15px; height:15px; color:#777; }
.order-menu-item:hover { background:#f2f2f2; }
.order-menu-item.destructive { color:var(--danger); border-top:1px solid #eee; margin-top:5px; border-radius:0 0 5px 5px; }
.order-menu-item.destructive .icon { color:var(--danger); }
.order-simulation-copy { font-size:12px; color:#777; line-height:1.6; margin-bottom:20px; }
.order-transition-preview { display:flex; justify-content:space-between; align-items:center; gap:15px; border:1px solid #e7e7e7; background:#fafafa; padding:18px; border-radius:7px; margin-bottom:22px; }
.order-transition-preview > span { display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.order-transition-preview small { font-size:10px; color:#777; }
.order-transition-preview > .icon { width:16px; height:16px; color:#999; }
.danger-button { border:1px solid #9d3834; background:#9d3834; color:white; }
.danger-button:hover { background:#7d2825; }
.copy-value { width:100%; padding:12px; font-size:16px; border:1px solid #ddd; border-radius:6px; }
.timeline li { position:relative; }
.timeline li:not(:last-child):before { content:''; position:absolute; left:3px; top:26px; bottom:-5px; width:1px; background:#ededed; }
.timeline li .timeline-dot:after { display:none; }
.timeline li p { font-size:12px; color:#666; margin-top:6px; white-space:pre-wrap; overflow-wrap:anywhere; max-width:390px; }
.toast { display:flex; align-items:center; gap:17px; }
.toast button { color:#fff; font-size:11px; border:1px solid #ffffff55; border-radius:5px; padding:6px 10px; }
.toast button:hover { background:#ffffff12; }
@media(max-width:1250px) {
  .product-workspace { grid-template-columns:minmax(0,1fr) 255px; gap:18px; }
  .product-variants-table th, .product-variants-table td { padding-left:12px; padding-right:12px; }
  .product-variants-table .variant-sku { max-width:110px; overflow-wrap:anywhere; }
}
@media(max-width:760px) {
  .product-workspace { grid-template-columns:minmax(0,1fr); }
  .product-side-column { display:grid; grid-template-columns:1fr 1fr; align-items:start; }
  .product-save-bar { bottom:12px; }
  .order-primary-action, .order-more { min-height:44px; }
  .order-more { width:44px; min-width:44px; }
  .orders-table.compact .order-more { min-height:44px; height:44px; width:44px; min-width:44px; }
  .product-variants-table .button { min-height:44px; }
}
@media(max-width:560px) {
  .product-title-row h1 { font-size:24px; }
  .product-title-row { gap:10px; }
  .product-heading { gap:15px; }
  .product-breadcrumb { margin-bottom:17px; font-size:10px; }
  .product-breadcrumb .text-link { min-height:44px; }
  .product-heading .page-actions { display:none; }
  .product-context { align-items:flex-start; font-size:10px; gap:10px; }
  .draft-state { font-size:9px; white-space:normal; text-align:right; max-width:95px; }
  .product-side-column { display:flex; }
  .product-editor-panel, .product-media-panel { padding:20px; }
  .product-section-title > span:not(.location-code) { font-size:9px; }
  .product-section-title h2 { font-size:13px; }
  .product-editor-panel .field input, .product-editor-panel .field textarea, .product-editor-panel .field select { font-size:16px; }
  .product-media-layout { gap:17px; align-items:flex-start; }
  .product-editor-image { width:105px; height:140px; }
  .product-media-layout p { font-size:11px; }
  .product-media-layout h3 { font-size:12px; }
  .product-media-layout .button { font-size:10px; min-height:44px; margin-top:13px; }
  .media-file { font-size:9px; }
  .product-variants-panel .product-section-title, .product-activity-panel .product-section-title { padding:20px 20px 0; }
  .product-stock-summary { margin:0 20px 20px; }
  .product-stock-summary > span { font-size:9px; padding:12px 10px; }
  .product-stock-summary strong { font-size:21px; }
  .product-variants-table, .product-variants-table tbody { display:block; }
  .product-variants-table thead { display:none; }
  .product-variants-table tr { display:grid; grid-template-columns:1fr 1fr; gap:13px 15px; padding:18px 20px; border-top:1px solid #eee; }
  .product-variants-table td { padding:0; border:0; }
  .product-variants-table td:first-child { font-size:15px; }
  .product-variants-table td:nth-child(2) { grid-column:1/-1; grid-row:2; max-width:none; font-size:10px; }
  .product-variants-table td:nth-child(3), .product-variants-table td:nth-child(4) { display:flex; flex-direction:column; align-items:flex-start; gap:5px; font-size:17px; }
  .product-variants-table td:nth-child(3):before, .product-variants-table td:nth-child(4):before { content:attr(data-label); font-size:10px; color:#777; }
  .product-variants-table td:last-child { grid-column:1/-1; }
  .product-variants-table td:last-child .button { width:100%; }
  .product-section-note { padding:16px 20px; font-size:11px; }
  .product-save-bar { padding:12px; flex-wrap:wrap; gap:8px; bottom:10px; }
  .product-save-bar > span { width:100%; font-size:10px; }
  .product-save-bar .button { flex:1; min-height:44px; font-size:11px; }
  .orders-table td.row-actions-cell { grid-row:3; grid-column:1/-1; padding-top:8px!important; }
  .order-row-actions { width:100%; }
  .order-primary-action { flex:1; justify-content:center; min-width:0; }
  .order-actions-dialog { top:auto!important; left:16px!important; bottom:16px; width:calc(100% - 32px); max-height:calc(100dvh - 32px); border-radius:12px; }
  .order-actions-dialog::backdrop { background:#00000035; }
  .order-actions-dialog .dialog-heading { padding:13px 14px 9px 20px; }
  .order-actions-dialog .dialog-heading h2 { font-size:15px; }
  .order-actions-dialog .dialog-heading .icon-button { width:44px; height:44px; min-width:44px; }
  .order-action-menu { padding:8px 11px 12px; }
  .order-menu-item { min-height:46px; font-size:13px; padding-left:12px; }
  .order-transition-preview { padding:15px; gap:11px; }
  .order-transition-preview .badge { font-size:10px; }
  .toast { gap:11px; }
  .toast button { min-height:40px; flex-shrink:0; }
}
@media(max-width:350px) {
  .product-media-layout { flex-direction:column; }
  .product-editor-image { width:100%; height:180px; }
  .product-context { flex-wrap:wrap; }
  .draft-state { max-width:none; text-align:left; }
  .product-title-row h1 { font-size:22px; }
}

.product-save-bar[hidden] { display:none; }
.product-jump-nav { display:none; }
#product-details-section, #product-price-section, #product-stock-section { scroll-margin-top:90px; }
@media(max-width:760px) {
 .product-jump-nav { display:flex; gap:8px; margin:0 0 21px; border:1px solid #ddd; border-radius:7px; background:#fff; padding:4px; }
 .product-jump-nav button { flex:1; min-height:44px; font-size:11px; border-radius:5px; padding:0 6px; }
 .product-jump-nav button:hover { background:#f1f1f1; }
}