/* UI-057 deel 2: dossiers - product-, sync- en overige detailpagina's. */
.monitor-diff{max-width:760px;max-height:280px;margin:0;padding:12px;border-radius:8px;background:#18221e;color:#d8e8df;font-size:11px;white-space:pre-wrap;overflow:auto}
.sync-safety-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:13px}
.sync-safety-item i{font-size:18px;line-height:1.2}
.sync-highlight{padding:14px 16px;border-radius:9px;background:var(--hrw-soft);color:#294c3c}
.sync-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sync-chip{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--vz-border-color);border-radius:7px;font-size:12px}
.sync-number{height:100%;padding:14px;border-radius:9px;background:var(--vz-light);text-align:center}
.sync-number strong{display:block;font-size:22px}
.sync-number span{display:block;color:var(--vz-secondary-color);font-size:11px}
.sync-conflicts td{max-width:260px;white-space:normal;overflow-wrap:anywhere}
.sync-start-layout{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:18px}
.sync-start-content{min-width:0}
.sync-start-content h4,.sync-start-content p{max-width:760px}
.sync-main-icon{margin-top:2px}
.sync-preview-button{width:auto;min-height:42px}
.sync-start-content #syncMessage{width:100%;max-width:760px;padding:14px 16px}
.edit-summary-card{top:90px}
.change-row{padding:12px 0;border-bottom:1px solid var(--vz-border-color)}
.change-row>strong{display:block;margin-bottom:6px}
.change-row>span{display:flex;align-items:center;gap:7px;font-size:12px}
.change-row del{color:var(--vz-secondary-color)}
.change-row ins{color:var(--hrw-green);font-weight:600;text-decoration:none}
.result-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--vz-border-color)}
.product-edit-intro{padding:1rem 1.15rem;border:1px solid var(--vz-border-color);border-radius:var(--vz-border-radius);background:var(--vz-light)}
.product-edit-intro-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--vz-primary-bg-subtle);color:var(--vz-primary);font-size:20px}
.product-classification-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.product-classification-grid>div{min-width:0;padding-right:1rem;border-right:1px solid var(--vz-border-color)}
.product-classification-grid>div:last-child{border-right:0}
.product-classification-grid dt{color:var(--vz-secondary-color);font-size:.82rem;font-weight:500}
.product-classification-grid dd{margin:.2rem 0 0;font-weight:600}
.product-empty-state{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px dashed var(--vz-border-color);border-radius:var(--vz-border-radius);background:var(--vz-light)}
.product-empty-state>i{font-size:24px;color:var(--vz-secondary-color)}
.product-price-timeline{position:relative;margin:0;padding:0;list-style:none}
.product-price-timeline:before{position:absolute;top:18px;bottom:18px;left:17px;width:2px;background:var(--vz-border-color);content:""}
.product-price-timeline>li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:.85rem;padding:0 0 1rem}
.product-price-timeline>li:last-child{padding-bottom:0}
.product-price-timeline-dot{z-index:1;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--vz-border-color);border-radius:50%;background:var(--vz-card-bg);color:var(--vz-secondary-color)}
.product-price-timeline-dot.purchase{color:var(--vz-warning)}
.product-price-timeline-dot.sales{color:var(--vz-success)}
.product-price-timeline details{border:1px solid var(--vz-border-color);border-radius:var(--vz-border-radius);background:var(--vz-card-bg)}
.product-price-timeline summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;cursor:pointer}
.product-price-timeline summary>span:first-child{display:flex;flex-direction:column}
.product-price-timeline summary small{color:var(--vz-secondary-color)}
.product-price-timeline-details{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:.75rem 1rem;border-top:1px solid var(--vz-border-color)}
.product-price-timeline-details>div{display:flex;flex-direction:column}
.product-price-timeline-details span{color:var(--vz-secondary-color);font-size:.78rem}
@media(max-width:767.98px){.sync-start-layout{grid-template-columns:44px minmax(0,1fr);gap:12px}.sync-main-icon{width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px}.sync-preview-button{white-space:normal;text-align:left}.sync-start-content #syncMessage{padding:12px 14px}}
html[data-layout=horizontal] .edit-summary-card{top:132px}
@media(max-width:991.98px){.product-classification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-classification-grid>div{border-right:0;border-bottom:1px solid var(--vz-border-color);padding:0 0 .75rem}.product-classification-grid>div:last-child{border-bottom:0}}
@media(max-width:767.98px){.product-classification-grid{grid-template-columns:1fr}.product-price-timeline summary{align-items:flex-start}.product-price-timeline-details{flex-direction:column;gap:.75rem}}
@media(max-width:575.98px){
  html[data-layout=horizontal] .edit-summary-card{top:80px}
}