.dsp-shopee-basis{padding:16px 0;color:#224b42;min-width:0;letter-spacing:0}
.dsp-shopee-basis-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:14px}
.dsp-shopee-basis h3{font-size:18px;line-height:1.4;margin:4px 0}.dsp-shopee-basis h4{font-size:14px;margin:22px 0 10px}
.dsp-shopee-basis-heading p,.dsp-shopee-basis-note{font-size:12px;line-height:1.7;color:#61716b;margin:8px 0}
.dsp-shopee-basis-heading form{flex:0 0 180px}.dsp-shopee-basis label{font-size:12px;display:grid;gap:5px}
.dsp-shopee-basis select{min-height:38px;width:100%;border:1px solid #b8d5ca;background:#fff;border-radius:5px;padding:7px;color:#234a40}
.dsp-shopee-basis-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #c9ddd5;gap:4px;margin:12px 0}
.dsp-shopee-basis-tabs a{font-size:13px;font-weight:600;text-align:center;padding:12px 6px;color:#53645f;text-decoration:none!important;border-bottom:3px solid transparent;overflow-wrap:anywhere}
.dsp-shopee-basis-tabs a[aria-current]{color:#007e5b;border-bottom-color:#007e5b;background:#eef8f3}
.dsp-shopee-basis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #dce9e3;padding:12px 0;gap:12px}
.dsp-shopee-basis-metrics>div{min-width:0;padding:4px 8px;border-right:1px solid #dce9e3}.dsp-shopee-basis-metrics>div:last-child{border:0}
.dsp-shopee-basis-metrics span,.dsp-shopee-basis-metrics small{display:block;font-size:11px;color:#61716b}.dsp-shopee-basis-metrics strong{display:block;font-size:23px;line-height:1.5;color:#006b51}
.dsp-shopee-basis-alert{background:#fff8e8;border-left:3px solid #dba731;padding:10px 12px;color:#785317;font-size:12px;line-height:1.7;margin:12px 0}
.dsp-shopee-basis-order-value{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #dce9e3;font-size:13px}
.dsp-shopee-basis-skus{border-bottom:1px solid #dce9e3;padding:12px 0}.dsp-shopee-basis-skus summary{cursor:pointer;color:#007e5b;font-size:13px;font-weight:600;padding:6px 0}
.dsp-shopee-basis-scroll{overflow-x:auto;max-width:100%;margin:8px 0}.dsp-shopee-basis table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:480px;font-size:12px}
.dsp-shopee-basis th,.dsp-shopee-basis td{padding:10px 8px;border-bottom:1px solid #dce9e3;vertical-align:top;overflow-wrap:anywhere;text-align:right}
.dsp-shopee-basis th:first-child,.dsp-shopee-basis td:first-child{text-align:left;width:43%}.dsp-shopee-basis th{background:#f1f7f4;font-weight:600}.dsp-shopee-basis td small{display:block;color:#63756d}
.dsp-shopee-basis .dsp-shopee-pdf-match th:first-child{width:34%}
.dsp-shopee-basis-money{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.dsp-shopee-basis-money>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid #dce9e3;font-size:12px;min-width:0}
.dsp-shopee-basis-money dt{min-width:0;overflow-wrap:anywhere}.dsp-shopee-basis-money dd{margin:0;font-weight:600;text-align:right;flex-shrink:0}.dsp-shopee-basis-money .is-total{color:#006c51;font-weight:700}
.dsp-shopee-match{display:inline-block;font-size:11px;line-height:1.5}.dsp-shopee-match.is-match{color:#007754}.dsp-shopee-match.is-pending{color:#996610}
@media(max-width:600px){.dsp-shopee-basis-heading{flex-wrap:wrap}.dsp-shopee-basis-heading form{flex:1 1 100%}.dsp-shopee-basis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dsp-shopee-basis-metrics>div:nth-child(2){border:0}.dsp-shopee-basis-money{grid-template-columns:minmax(0,1fr)}.dsp-shopee-basis-tabs a{font-size:12px;padding:10px 4px}}