/* V1.5.7.15 — compact native OCS finance summary, no dashboard .num class */
.ocs-cost-panel{margin-bottom:18px;min-width:0}
.ocs-cost-panel[hidden]{display:none}
.ocs-cost-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}
.ocs-cost-kpi{border:1px solid var(--line,#dae3ee);border-radius:12px;padding:16px;background:#f8fafc;min-width:0}
.ocs-cost-kpi>small{display:block;color:#56657a;line-height:1.6;font-weight:700}
.ocs-cost-kpi .ocs-money{font-size:21px;line-height:1.6}
.ocs-cost-meta{font-size:12px;color:#68768a;line-height:1.8;display:block}
.ocs-cost-kpi .btn{margin-top:8px}
.ocs-money{display:block;font-size:13px;font-weight:750;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';color:#153452;white-space:nowrap}
.ocs-cost-muted{font-size:12px;color:#718096}
.ocs-fee-pending{font-size:12px;color:#986011;background:#fff3d9;display:inline-block;border-radius:8px;padding:3px 7px;font-weight:700}
.ocs-cost-open{border:0;background:transparent;border-radius:8px;padding:7px 4px;text-align:right;cursor:pointer;font:inherit;width:100%}
.ocs-cost-open:hover,.ocs-cost-open:focus-visible{background:#eef4fb;outline:2px solid #b5cce7;outline-offset:0}
.ocs-cost-open small{display:block;font-size:11px;color:#4c6785;margin-top:3px}
.ocs-cost-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;flex-wrap:wrap}
.ocs-cost-toolbar .tabs{padding:0;border:0}
.ocs-cost-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#596b81}
.ocs-cost-toolbar select{border:1px solid #ced9e7;border-radius:8px;background:#fff;color:#172e4c;min-height:36px;padding:5px 12px;max-width:160px}
.ocs-cost-note{font-size:12px;color:#657488;line-height:1.7;padding:8px 16px;overflow-wrap:anywhere}
.ocs-cost-note .ocs-money{display:inline}
.ocs-cost-scroll{overflow:auto;max-width:100%;max-height:380px;-webkit-overflow-scrolling:touch}
.ocs-cost-table{table-layout:fixed;width:100%;min-width:690px;border-collapse:collapse}
.ocs-cost-table th,.ocs-cost-table td{padding:11px 14px;border-bottom:1px solid #e5ebf2;vertical-align:middle;font-size:13px;text-align:left;line-height:1.55}
.ocs-cost-table th{background:#f4f7fb;color:#55657b;font-weight:750;font-size:12px;position:sticky;top:0;z-index:1}
.ocs-cost-table th:first-child{width:28%}
.ocs-cost-table th:nth-child(2),.ocs-cost-table th:nth-child(3){width:10%}
.ocs-cost-table th:nth-child(4){width:13%}
.ocs-cost-table th:nth-child(5){width:24%}
.ocs-cost-table th:last-child{width:15%}
.ocs-cost-table td:nth-child(2),.ocs-cost-table td:nth-child(3),.ocs-cost-table td:nth-child(4){font-variant-numeric:tabular-nums}
.ocs-cost-table th:nth-child(5),.ocs-cost-table td:nth-child(5){text-align:right}
.ocs-cost-table td:last-child,.ocs-cost-table th:last-child{text-align:center}
.ocs-cost-table .btn{font-size:12px;white-space:nowrap;padding:7px 9px}
.ocs-filtered-cost{border-top:1px solid #e1e8f0;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;font-size:12px;color:#50657e;background:#fbfcfe}
.ocs-filtered-cost .ocs-money{display:inline;font-size:13px}
#ocsCostSyncState{margin:6px 16px;padding:8px 10px;background:#fff8e7;border-radius:8px;color:#84621c;font-size:12px}
#ocsCostSyncState[hidden]{display:none}
#ocsCostDetailModal{z-index:150}
#ocsCostDetailModal .ocs-cost-detail{width:min(1120px,96vw);max-height:92vh}
.ocs-cost-detail-table{min-width:800px}
.ocs-cost-detail-table th:first-child{width:12%}
.ocs-cost-detail-table th:nth-child(2){width:23%}
.ocs-cost-detail-table th:nth-child(3){width:22%}
.ocs-cost-detail-table th:nth-child(4){width:14%}
.ocs-cost-detail-table th:nth-child(5){width:15%}
.ocs-cost-detail-table th:last-child{width:14%}
.ocs-cost-detail-table td{overflow-wrap:anywhere}
.ocs-cost-content{white-space:pre-wrap;max-height:180px}
#ocsCostDetailSummary{padding-bottom:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#ocsCostDetailSummary p{font-size:12px;color:#6b7a90;margin:0}
#courierMobile .ocs-cost-open{text-align:left;margin-top:8px}
@media(max-width:720px){
 .ocs-cost-kpis{grid-template-columns:1fr;padding:12px;gap:10px}
 .ocs-cost-kpi{padding:12px}
 .ocs-cost-kpi .ocs-money{font-size:19px}
 .ocs-cost-panel .panelhead{padding:12px}
 .ocs-cost-toolbar{padding:0 12px;gap:8px}
 .ocs-cost-toolbar .tab{font-size:12px;padding:9px}
 .ocs-cost-note{padding:8px 12px}
 .ocs-cost-table{min-width:670px}
 #ocsCostDetailModal .ocs-cost-detail{width:96vw}
}