.customer-updates { margin-top:20px; padding:18px; border:1px solid var(--border,#dce4ef); border-radius:10px; background:var(--surface,#fff); color:var(--text,#26354a); }
.customer-updates h3 { margin:0 0 8px; }
.customer-updates .cu-copy,.customer-updates .cu-state { font-size:13px; line-height:1.5; }
.cu-target { display:block; overflow-wrap:anywhere; }
.cu-versions { font-weight:650; }
.cu-notes { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.5; }
.customer-updates .cu-refresh { margin:8px 0 0; }
.customer-update-confirmation { box-sizing:border-box; width:min(540px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid var(--border,#dce4ef); border-radius:12px; background:var(--surface,#fff); color:var(--text,#26354a); }
.customer-update-confirmation::backdrop { background:#15233d88; }
.customer-update-confirmation h2 { margin:0 0 16px; font-size:22px; }
.customer-update-confirmation p { line-height:1.5; overflow-wrap:anywhere; }
.cu-confirm { display:flex; gap:10px; align-items:flex-start; margin:20px 0; font-size:14px; line-height:1.5; }
.cu-confirm input { flex-shrink:0; width:18px; height:18px; margin-top:2px; }
.cu-error { color:var(--danger,#a42b32); font-size:13px; }
.cu-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
.customer-updates button,.customer-update-confirmation button { min-height:44px; max-width:100%; white-space:normal; }
.customer-update-confirmation :focus-visible,.customer-updates :focus-visible { outline:2px solid var(--accent,#285dde); outline-offset:3px; }
@media(max-width:600px) { .customer-update-confirmation { padding:18px; }.cu-actions { flex-direction:column; }.cu-actions button { width:100%; } }