.settlement-dialog { width:min(1160px,94vw); max-height:90dvh; box-sizing:border-box; border:1px solid #e1e9f4; border-radius:24px; padding:28px; color:#21334e; background:#f9fbff; box-shadow:0 28px 100px #182e4c40; overflow:auto; }
.settlement-dialog::backdrop { background:#16253e80; backdrop-filter:blur(6px); }
.settlement-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.settlement-heading small { letter-spacing:2px; color:#8396b2; font-size:10px; }
.settlement-heading h2 { margin:8px 0 12px; }
.settlement-dialog button,.settlement-upload { cursor:pointer; border:1px solid #d5e0ef; border-radius:10px; padding:9px 12px; color:#233f76; background:white; margin:3px; font:inherit; font-size:13px; }
.settlement-dialog button:hover { background:#eaf1ff; }
.settlement-dialog .table-wrap { overflow-x:auto; margin:16px 0; }
.settlement-dialog table { width:100%; border-collapse:collapse; min-width:680px; font-size:13px; }
.settlement-dialog th,.settlement-dialog td { text-align:left; border-bottom:1px solid #e2eaf5; padding:12px; overflow-wrap:anywhere; max-width:240px; }
.settlement-summary { display:flex; gap:16px; margin:18px 0; }
.settlement-summary>div { background:linear-gradient(120deg,#fff,#edf3ff); border:1px solid white; box-shadow:0 5px 20px #45628e0c; padding:18px 24px; border-radius:16px; flex:1; }
.settlement-summary strong { display:block; font-size:26px; margin-top:8px; }
.settlement-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:18px 0; }
.settlement-form label { display:flex; flex-direction:column; gap:8px; font-size:13px; }
.settlement-form input,.settlement-form select { box-sizing:border-box; width:100%; padding:12px; background:white; border:1px solid #cfdaeb; border-radius:9px; }
.settlement-upload input { display:block; width:180px; margin-top:6px; }
.settlement-dialog .product-actions { display:flex; flex-wrap:wrap; align-items:center; }
.settlement-dialog summary { cursor:pointer; padding:10px 0; }
@media(max-width:640px) { .settlement-dialog { width:96vw; padding:18px; border-radius:18px; } .settlement-form { grid-template-columns:1fr; } .settlement-summary { gap:8px; } .settlement-summary>div { padding:14px; } .settlement-summary strong { font-size:22px; } }
