.customer-history { width:min(720px,calc(100% - 32px)); max-height:85dvh; box-sizing:border-box; padding:24px; border:0; border-radius:16px; color:#17334a; background:#fff; }
.customer-history::backdrop { background:rgba(5,21,39,.65); }
.customer-history header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.customer-history h2 { margin:0; font-size:24px; }
.customer-history button { padding:9px 14px; border:1px solid #b9cbd3; border-radius:8px; background:#f5faf9; color:#164b46; cursor:pointer; }
.customer-history button:focus-visible { outline:3px solid #167e70; outline-offset:3px; }
.customer-history button:disabled { opacity:.55; cursor:wait; }
.customer-history p { line-height:1.6; overflow-wrap:anywhere; }
.customer-history .history-note,.customer-history small,.customer-history time { display:block; color:#526b7e; font-size:13px; line-height:1.7; }
.customer-history ol { padding:0; list-style:none; }
.customer-history li { padding:16px 0; border-top:1px solid #dce5eb; overflow-wrap:anywhere; }
.customer-history li p { margin:8px 0; }
.customer-history [hidden],[data-customer-history][hidden] { display:none!important; }
@media(max-width:480px) { .customer-history { padding:18px; } .customer-history h2 { font-size:20px; } }