.settlement-admin { min-width:0; }
.settlement-layout { display:grid; grid-template-columns:minmax(325px,.85fr) minmax(480px,1.4fr); gap:22px; align-items:start; }
.settlement-sidebar { display:grid; gap:22px; min-width:0; }
.settlement-ecount { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:23px; padding:19px 22px; background:#f4f1fc; border:1px solid #e3dcf4; border-radius:11px; }
.settlement-ecount h2 { font-size:16px; margin:3px 0 5px; color:#393149; }
.settlement-ecount p,.settlement-ecount small { font-size:12px; color:#6b627b; margin:0; }
.settlement-kicker { font-size:10px; font-weight:700; color:#6551c9; letter-spacing:1.1px; }
.settlement-integration-action { display:flex; flex-direction:column; align-items:flex-end; gap:10px; flex-shrink:0; }
.settlement-status { font-size:11px; padding:4px 8px; border-radius:5px; white-space:nowrap; color:#65517f; background:#f0ebf7; }
.settlement-status.confirmed,.settlement-status.ready { color:#277064; background:#e9f5f0; }
.settlement-list { padding:0; min-width:0; overflow:hidden; }
.settlement-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; }
.settlement-section-head h2 { margin:0; color:#343041; font-size:17px; }
.settlement-section-head>span { color:#747080; font-size:12px; }
.settlement-list>.settlement-section-head { padding:19px 20px; margin:0; }
.settlement-list td,.settlement-list th { font-size:12px; }
.settlement-list td small,.settlement-lines td small { display:block; font-size:11px; margin-top:5px; color:#747080; }
.settlement-list tr.selected { background:#f6f3fe; }
.settlement-list .ops-pagination { padding:16px 20px; }
.settlement-service-search { padding:20px; }
.settlement-search { display:flex; align-items:end; gap:10px; }
.settlement-search>label { flex:1; display:flex; flex-direction:column; gap:7px; font-size:12px; color:#514b5d; min-width:0; }
.settlement-search input,.settlement-fees input,.settlement-fees select,.settlement-lines input { width:100%; min-width:0; padding:9px 11px; min-height:40px; border:1px solid #d7d8e3; border-radius:7px; font-size:13px; background:#fff; color:#2c2638; }
.settlement-choice-list { display:grid; gap:8px; margin-top:15px; max-height:350px; overflow:auto; }
.settlement-choice { text-align:left; display:grid; gap:3px; padding:12px 13px; border:1px solid #e3e0eb; border-radius:7px; background:#fff; }
.settlement-choice:hover { border-color:#a897da; background:#fbf9ff; }
.settlement-choice strong { color:#393044; font-size:13px; }
.settlement-choice span,.settlement-choice small { color:#756b81; font-size:11px; }
.settlement-editor { padding:23px; min-width:0; }
.settlement-editor>.settlement-section-head { margin-bottom:21px; }
.settlement-service-meta { display:grid; grid-template-columns:1fr 1fr; gap:13px 20px; margin:0 0 20px; font-size:12px; padding:16px; background:#f8f8fb; border-radius:8px; }
.settlement-service-meta dt { color:#797281; font-size:11px; }
.settlement-service-meta dd { margin:4px 0 0; color:#373041; overflow-wrap:anywhere; }
.settlement-notice { font-size:12px; color:#71617d; margin:0 0 18px; line-height:1.8; }
.settlement-material-results { max-height:200px; overflow:auto; border:1px solid #e1ddea; border-radius:8px; margin-top:12px; }
.settlement-material-choice { display:flex; justify-content:space-between; align-items:center; gap:12px; background:#fff; border:0; border-bottom:1px solid #eeebf3; padding:11px 13px; width:100%; text-align:left; font-size:12px; }
.settlement-material-choice:hover { background:#f9f6ff; }
.settlement-material-choice small { display:block; font-size:11px; color:#797080; margin-top:4px; }
.settlement-material-choice b { color:#6551c9; font-size:11px; white-space:nowrap; }
#settlement-form>.ops-table-wrap { margin-top:20px; }
.settlement-lines { font-size:12px; }
.settlement-lines th { font-size:11px; white-space:nowrap; }
.settlement-lines td { vertical-align:middle; padding:12px 10px; }
.settlement-lines td:nth-child(2) { min-width:85px; width:90px; }
.settlement-lines td:nth-child(3) { min-width:120px; width:155px; }
.settlement-lines td:nth-child(4) { white-space:nowrap; }
.settlement-lines input { padding:8px; }
.settlement-won { display:flex; align-items:center; gap:8px; }
.settlement-won>span { color:#7a7083; font-size:12px; }
.settlement-fees { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px; }
.settlement-fees>label { display:flex; flex-direction:column; gap:7px; color:#554c60; font-size:12px; }
.settlement-totals { border:1px solid #e4e0ef; border-radius:9px; margin-top:24px; padding:18px; background:#fcfbfe; }
.settlement-totals .settlement-section-head { margin-bottom:14px; }
.settlement-totals h3 { font-size:13px; margin:0; }
.settlement-totals .settlement-section-head span { font-size:10px; }
.settlement-totals dl { display:grid; gap:8px; margin:0; font-size:12px; }
.settlement-totals dl>div { display:flex; justify-content:space-between; gap:15px; }
.settlement-totals dt { color:#716579; }
.settlement-totals dd { margin:0; font-variant-numeric:tabular-nums; }
.settlement-totals .total { border-top:1px solid #dfd8ed; padding-top:12px; margin-top:5px; font-size:17px; color:#5742a4; font-weight:700; }
.settlement-totals .total dt { color:#5742a4; }
.settlement-totals p { margin:13px 0 0; font-size:10px; color:#8a7d94; }
.settlement-editor-actions { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:15px; margin-top:20px; }
.settlement-editor-actions>span { font-size:11px; color:#71647e; }
.settlement-error { white-space:pre-line; font-size:12px; color:#b12d43; margin-top:16px; }
.settlement-empty { font-size:12px; color:#7a6d87; padding:25px 15px!important; text-align:center; line-height:1.9; }
.settlement-idle { min-height:320px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.settlement-idle>span { background:#f0eafb; color:#6551c9; height:45px; width:45px; display:grid; place-items:center; border-radius:12px; font-size:22px; }
.settlement-idle h2 { margin:16px 0 10px; font-size:18px; }
.settlement-idle p { font-size:12px; color:#776c83; line-height:1.9; }
.settlement-failed { padding:25px; }
@media(max-width:1250px) { .settlement-layout { grid-template-columns:minmax(0,1fr); }.settlement-sidebar { grid-template-columns:1fr 1fr; align-items:start; }.settlement-editor { order:2; } }
@media(max-width:700px) { .settlement-sidebar { grid-template-columns:minmax(0,1fr); }.settlement-ecount { flex-direction:column; align-items:flex-start; gap:16px; }.settlement-integration-action { align-items:flex-start; flex-direction:row; flex-wrap:wrap; }.settlement-fees,.settlement-service-meta { grid-template-columns:minmax(0,1fr); }.settlement-editor { padding:18px; }.settlement-search { flex-wrap:wrap; }.settlement-search>label { flex-basis:100%; } }
.ecount-admin { min-width:0; }
.ecount-status { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:22px; }
.ecount-status p { color:#696274; font-size:12px; line-height:1.8; margin:11px 0 4px; }
.ecount-status small { color:#706078; font-size:11px; }
.ecount-section { padding:24px; margin-top:22px; min-width:0; }
.ecount-section-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.ecount-section-heading h2 { font-size:18px; color:#3e344b; margin:4px 0 0; }
.ecount-query-form { display:grid; grid-template-columns:1fr 1fr; gap:17px 22px; align-items:start; }
.ecount-query-form>label,.ecount-entity-search>label,.ecount-map-editor>label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:#5e536c; }
.ecount-product-codes { grid-row:span 2; }
.ecount-admin input,.ecount-admin select,.ecount-admin textarea { min-width:0; width:100%; min-height:40px; border:1px solid #dad5e4; border-radius:7px; padding:9px 11px; font-size:13px; background:#fff; color:#302839; }
.ecount-admin textarea { resize:vertical; }
.ecount-form-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; }
.ecount-help { color:#706078; font-size:11px; line-height:1.8; }
.ecount-readonly { padding:12px 17px; background:#f4f1fb; border:1px solid #e5dff2; border-radius:8px; color:#6d5a85; font-size:12px; }
.ecount-mapping-layout { display:grid; grid-template-columns:minmax(320px,1.15fr) minmax(280px,1fr); gap:25px; align-items:start; }
.ecount-entity-search { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.ecount-entity-search>label:first-child { flex-basis:100%; }
.ecount-entity-search .grow { flex:1; }
.ecount-entity-results { margin-top:15px; max-height:360px; overflow:auto; }
.ecount-entity-choice { width:100%; display:flex; align-items:center; justify-content:space-between; gap:15px; text-align:left; padding:13px 14px; margin-bottom:8px; border:1px solid #e5deef; border-radius:8px; background:#fff; color:#40334e; }
.ecount-entity-choice:hover { background:#fbf9ff; border-color:#b9a7d7; }
.ecount-entity-choice strong { font-size:13px; }
.ecount-entity-choice small { display:block; margin-top:5px; color:#706078; font-size:11px; overflow-wrap:anywhere; }
.ecount-entity-choice em { font-style:normal; font-size:11px; color:#6551c9; white-space:nowrap; }
.ecount-map-editor { background:#faf8fe; border:1px solid #e7dff2; border-radius:10px; padding:20px; }
.ecount-map-editor h3 { font-size:14px; margin:0 0 17px; color:#4b3b5d; }
.ecount-selected { min-height:105px; padding:14px; border:1px solid #e1d8ee; border-radius:7px; margin-bottom:17px; background:#fff; }
.ecount-selected>p { font-size:12px; color:#706078; margin:0; }
.ecount-selected span { display:block; color:#706078; font-size:11px; margin-bottom:7px; }
.ecount-selected strong { display:block; color:#44304f; font-size:14px; }
.ecount-selected p { font-size:11px; color:#706078; margin:7px 0; overflow-wrap:anywhere; }
.ecount-selected small { display:block; margin-top:6px; color:#706078; font-size:11px; overflow-wrap:anywhere; }
.ecount-error { white-space:pre-line; color:#af2b43; font-size:12px; }
.ecount-mapping-list-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; align-items:center; border-top:1px solid #e8e1ef; margin-top:25px; padding-top:22px; }
.ecount-mapping-list-heading h3 { font-size:15px; margin:0; color:#4d3c5c; }
.ecount-mapping-list-heading form { display:flex; gap:8px; flex:1; max-width:570px; }
.ecount-mapping-list-heading select { width:120px; flex-shrink:0; }
.ecount-map-count { display:flex; justify-content:space-between; flex-wrap:wrap; gap:7px; color:#706078; font-size:11px; margin:15px 0 10px; }
.ecount-map-count small { font-size:11px; }
.ecount-admin td { font-size:12px; }
.ecount-admin td small { display:block; margin-top:4px; color:#706078; font-size:11px; overflow-wrap:anywhere; }
.ecount-job { border-top:1px solid #e8e1ee; padding:15px 0; font-size:12px; }
.ecount-job summary { cursor:pointer; color:#57425f; }
.ecount-job p { font-size:11px; color:#706078; }
.ecount-result-table { max-height:400px; overflow:auto; }
.ecount-empty { padding:18px; font-size:12px; color:#706078; text-align:center; line-height:1.8; }
.ecount-sales-note h2 { font-size:16px; margin:0 0 10px; }
.ecount-sales-note p { font-size:12px; color:#7b6888; margin:0; line-height:1.8; }
.ecount-sales-note a { color:#6551c9; text-decoration:underline; }
.ecount-failed { padding:24px; }
.ecount-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1000px) { .ecount-mapping-layout { grid-template-columns:minmax(0,1fr); }.ecount-status { flex-direction:column; align-items:flex-start; gap:6px; } }
@media(max-width:650px) { .ecount-query-form { grid-template-columns:minmax(0,1fr); }.ecount-product-codes { grid-row:auto; }.ecount-section { padding:18px; }.ecount-mapping-list-heading form { flex-wrap:wrap; flex-basis:100%; }.ecount-mapping-list-heading select { width:100%; }.ecount-mapping-list-heading input { flex:1; }.ecount-entity-search .grow { flex-basis:100%; } }
