.stock-sync-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.stock-sync-heading h2{margin:0}.stock-sync-heading p{margin:.25rem 0 0;color:var(--muted)}
.stock-sync-policy{padding:1rem 1.1rem;border:1px solid #e6c779;border-radius:12px;background:#fff8df;color:#715714;margin-bottom:1rem}.stock-sync-policy strong{color:#513d08}
.stock-sync-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.stock-sync-source{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fff}.stock-sync-source span{font-size:.86rem}.stock-sync-source .ok{color:#21644b}.stock-sync-source .off{color:#8a6b23}.stock-sync-source .error{color:#a33a32}
.stock-sync-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:1rem}.stock-sync-stats div{padding:1rem;border-right:1px solid var(--line)}.stock-sync-stats div:last-child{border-right:0}.stock-sync-stats span{display:block;color:var(--muted);font-size:.8rem}.stock-sync-stats strong{display:block;margin-top:.25rem;font-size:1.35rem}
.stock-sync-toolbar{grid-template-columns:minmax(260px,1fr) 210px auto}.stock-sync-table th,.stock-sync-table td{vertical-align:top}.stock-sync-product{display:flex;flex-direction:column;gap:.2rem;min-width:150px}.stock-sync-product small,.stock-sync-reason small,.stock-sync-destination small{display:block;color:var(--muted);margin-top:.2rem}.stock-sync-quantity{font-size:1.2rem}.stock-sync-destination{min-width:140px}.stock-sync-state{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.stock-sync-state.ready{background:#e5f3ec;color:#21644b}.stock-sync-state.ready.sent{background:#dff0ff;color:#245e87}.stock-sync-state.missing,.stock-sync-state.ambiguous{background:#fbe8e5;color:#9e352c}.stock-sync-state.unavailable{background:#edf0ee;color:#5f6d67}
@media(max-width:800px){.stock-sync-sources,.stock-sync-stats{grid-template-columns:1fr 1fr}.stock-sync-stats div:nth-child(2){border-right:0}.stock-sync-toolbar{grid-template-columns:1fr}.stock-sync-table{overflow:auto}.stock-sync-heading{flex-direction:column}}