.yn-usage-table{border:1px solid #dce6e9;border-radius:10px;background:#fff}
.yn-usage-table>.table{margin:0;color:#203e50;font-size:16px}
.yn-usage-table>.table :is(th,td){padding:14px 16px;vertical-align:middle;line-height:1.6}
.yn-usage-table>.table th{background:#f0f7f4;color:#365166;font-weight:600;border-bottom:1px solid #dce6e9}
.yn-usage-table .btn,.modal-metric-pricing .btn{padding:10px 16px;min-height:44px;border-radius:8px;border:1px solid #cbdcd4;background:#fff;color:#16644f;font-family:var(--yn-ui-font);font-size:16px;font-weight:600;line-height:1.5}
.modal-metric-pricing .modal-content{border:1px solid #dce6e9;border-radius:12px;font-family:var(--yn-ui-font);font-size:16px;color:#203e50}
.modal-metric-pricing :is(.modal-header,.modal-body,.modal-footer){padding:20px}
.modal-metric-pricing .modal-header{background:#f0f7f4;border-radius:11px 11px 0 0}
.modal-metric-pricing .modal-title{font-size:21px;font-weight:700;color:#102239}
.modal-metric-pricing :is(p,th,td){font-size:16px;line-height:1.6}
.modal-metric-pricing .table td{overflow-wrap:anywhere}
@media(max-width:767px){.yn-usage-table>.table{min-width:540px}.modal-metric-pricing .modal-dialog{margin:12px}}

.modal-metric-pricing .table{width:100%;min-width:0;table-layout:fixed}
.modal-metric-pricing .table :is(th,td){padding:12px 10px;overflow-wrap:anywhere}