.agent-cost-content { min-width: 0; flex: 1; display: flex; flex-direction: column; padding: 20px 20px 14px; overflow: hidden; background: #f5f7fa; }
.agent-cost-heading { flex: 0 0 auto; margin-bottom: 17px; }
.agent-cost-heading h1 { margin: 0; color: #303842; font-size: 20px; line-height: 1.5; font-weight: 650; }
.agent-cost-heading p { margin: 5px 0 0; color: #8a949f; font-size: 13px; }
.agent-cost-table-panel { min-height: 0; flex: 1; position: relative; border: 1px solid #e5eaf0; background: #fff; }
.agent-cost-table-scroll { position: absolute; inset: 0; overflow: auto; }
.agent-cost-table { width: 100%; min-width: 940px; table-layout: fixed; }
.agent-cost-table th, .agent-cost-table td { height: 62px; padding: 10px 18px; border-right: 1px solid #e7ecf0; border-bottom: 1px solid #e7ecf0; color: #626b76; font-size: 13px; text-align: left; }
.agent-cost-table th { height: 44px; color: #576173; background: #f7f8fa; font-weight: 650; }
.agent-cost-table th:nth-child(1) { width: 180px; }
.agent-cost-table th:nth-child(2) { width: auto; }
.agent-cost-table th:nth-child(3) { width: 190px; }
.agent-cost-table td:first-child { color: #3f4853; font-weight: 500; }
.agent-cost-actions { white-space: nowrap; }
.agent-cost-actions button { margin-right: 20px; color: #2797f4; font-size: 13px; }
.agent-cost-actions button:hover { color: #0c82e7; }
.agent-cost-pagination { flex: 0 0 52px; display: flex; align-items: flex-end; justify-content: flex-end; gap: 8px; color: #69727d; font-size: 12px; }
.agent-cost-pagination select { width: 88px; height: 28px; border: 1px solid #dfe4ea; border-radius: 3px; color: #69727d; background: #fff; }
.agent-cost-pagination button { min-width: 28px; height: 28px; border-radius: 2px; color: #69727d; background: #f5f6f8; }
.agent-cost-pagination button.current { color: #fff; background: #2797f4; }
.agent-cost-pagination button:disabled { color: #c6cdd5; cursor: default; }
.agent-cost-pagination label { display: flex; align-items: center; gap: 5px; }
.agent-cost-pagination input { width: 40px; height: 28px; padding: 0 4px; border: 1px solid #dfe4ea; border-radius: 3px; text-align: center; color: #69727d; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.call-system-drawer-mask { position: fixed; inset: 0; z-index: 50; background: rgba(22, 29, 38, .52); opacity: 0; transition: opacity .22s ease; }
.call-system-drawer-mask.visible { opacity: 1; }
.call-system-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 51; width: min(820px, calc(100vw - 70px)); display: flex; flex-direction: column; color: #59616d; background: #fff; box-shadow: -5px 0 18px rgba(18, 29, 42, .18); font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-style: normal; transform: translateX(102%); transition: transform .22s ease; }
.call-system-drawer.open { transform: translateX(0); }
.call-system-drawer-header { flex: 0 0 64px; height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #e7ebef; background: #fff; }
.call-system-drawer-header h2 { margin: 0; color: #26313d; font-size: 16px; font-weight: 700; }
.call-system-drawer-header button { padding: 5px 8px; color: #858e99; font-size: 27px; line-height: 1; }
.call-system-drawer-content { min-height: 0; flex: 1; overflow-y: auto; padding: 24px 28px 36px; background: #fff; }
.call-system-section + .call-system-section { margin-top: 30px; }
.call-system-section h3 { margin: 0 0 22px; color: #26313d; font-size: 16px; line-height: 1.4; font-weight: 700; }
.call-system-price-field { min-height: 54px; display: grid; grid-template-columns: 145px minmax(0, 230px); align-items: start; column-gap: 14px; }
.call-system-price-field > label { padding-top: 9px; color: #59616d; font-size: 14px; font-weight: 400; text-align: right; }
.call-system-price-field > label::before { content: "*"; margin-right: 5px; color: #f05656; }
.call-system-price-input { height: 36px; display: flex; border: 1px solid #dfe4ea; border-radius: 4px; overflow: hidden; background: #fff; }
.call-system-price-input:focus-within { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64, 158, 255, .1); }
.call-system-price-input input { min-width: 0; flex: 1; padding: 0 11px; border: 0; outline: 0; color: #59616d; font-size: 14px; font-weight: 400; }
.call-system-price-input span { flex: 0 0 50px; display: grid; place-items: center; border-left: 1px solid #e4e8ed; color: #7f8995; background: #f7f8fa; font-size: 14px; font-weight: 400; }
.line-price-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.line-price-heading h3 { margin-bottom: 16px; }
.line-filter-controls { display: flex; align-items: center; gap: 16px; }
.line-filter-item { display: flex; align-items: center; gap: 8px; color: #555e69; font-size: 14px; font-weight: 600; white-space: nowrap; }
.line-filter-label { flex: 0 0 auto; line-height: 34px; }
.line-search-control { width: 160px; height: 34px; position: relative; display: block; }
.line-search-control input { width: 100%; height: 100%; padding: 0 34px 0 11px; border: 1px solid #dfe4ea; border-radius: 4px; outline: none; color: #59616d; font-size: 14px; font-weight: 400; }
.line-search-control input::placeholder { color: #9aa3ad; font-size: 14px; font-weight: 400; opacity: 1; }
.line-search-control input:focus { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64, 158, 255, .1); }
.line-search-control > span:last-child { position: absolute; top: 6px; right: 11px; color: #aab3bd; font-size: 17px; pointer-events: none; }
.line-status-control select { width: 112px; height: 34px; padding: 0 28px 0 11px; border: 1px solid #dfe4ea; border-radius: 4px; outline: none; color: #59616d; background: #fff; font-size: 14px; font-weight: 400; line-height: 34px; }
.line-status-control select:focus { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64, 158, 255, .1); }
.line-price-table-wrap { min-height: 280px; overflow-x: auto; border: 1px solid #e4e9ee; }
.line-price-table { width: 100%; min-width: 560px; table-layout: fixed; }
.line-price-table th, .line-price-table td { height: 56px; padding: 8px; border-right: 1px solid #e7ecf0; border-bottom: 1px solid #e7ecf0; color: #59616d; font-size: 14px; font-weight: 400; text-align: center; }
.line-price-table th { height: 52px; color: #4f5965; background: #f7f8fa; font-weight: 600; }
.line-price-table th:nth-child(1) { width: 94px; }
.line-price-table th:nth-child(2) { width: 72px; }
.line-price-table th:nth-child(n+3) { width: 128px; }
.line-price-table th small { color: inherit; font-size: 14px; font-weight: 400; }
.line-price-table input { width: 101px; height: 32px; padding: 0 8px; border: 1px solid #dfe4ea; border-radius: 3px; outline: none; color: #59616d; font-size: 14px; font-weight: 400; text-align: right; }
.line-price-table input:focus { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64, 158, 255, .1); }
.line-status-tag { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; height: 23px; padding: 0 8px; border-radius: 3px; font-size: 14px; font-weight: 400; }
.line-status-tag.normal { color: #20a66a; border: 1px solid #bdebd5; background: #e9f8f1; }
.line-status-tag.stopped { color: #8b949f; border: 1px solid #e1e5e9; background: #f1f3f5; }
.line-price-empty { padding: 64px 0; color: #a3adb8; font-size: 13px; text-align: center; }
.call-system-drawer-footer { flex: 0 0 64px; height: 64px; display: flex; align-items: center; gap: 10px; padding: 0 24px; border-top: 1px solid #e7ebef; background: #fff; box-shadow: 0 -3px 10px rgba(35, 48, 62, .04); }
.call-system-drawer-footer button { height: 34px; min-width: 64px; padding: 0 18px; border-radius: 3px; font-size: 14px; font-weight: 400; }
.call-system-confirm { color: #fff; background: #2698f5; }
.call-system-confirm:hover { background: #168bed; }
.call-system-cancel { border: 1px solid #d8dee6; color: #59616d; background: #fff; }
.call-system-view-mask { z-index: 52; }
.call-system-view-drawer { z-index: 53; }
.call-system-view-tabs { flex: 0 0 52px; display: flex; align-items: stretch; gap: 34px; padding: 0 28px; border-bottom: 1px solid #e7ebef; background: #fff; }
.call-system-view-tabs button { position: relative; padding: 0 3px; color: #59616d; font-size: 14px; font-weight: 500; }
.call-system-view-tabs button.active { color: #2698f5; }
.call-system-view-tabs button.active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #2698f5; }
.call-system-view-content { padding-top: 24px; }
.call-system-readonly-price { background: #f7f8fa; }
.call-system-readonly-price strong { min-width: 0; flex: 1; display: flex; align-items: center; padding: 0 11px; color: #59616d; font-size: 14px; font-weight: 400; }
.call-system-readonly-value { width: 101px; height: 32px; display: inline-flex; align-items: center; justify-content: flex-end; padding: 0 8px; border: 1px solid #e3e7ec; border-radius: 3px; color: #59616d; background: #f7f8fa; font-size: 14px; }
.operation-record-table-wrap { border: 1px solid #e4e9ee; }
.operation-record-table { width: 100%; min-width: 0; table-layout: fixed; }
.operation-record-table th, .operation-record-table td { height: 52px; padding: 11px 14px; border-right: 1px solid #e7ecf0; border-bottom: 1px solid #e7ecf0; color: #59616d; font-size: 14px; line-height: 1.55; text-align: left; vertical-align: top; }
.operation-record-table th { color: #4f5965; background: #f7f8fa; font-weight: 600; vertical-align: middle; }
.operation-record-table th:nth-child(1) { width: 110px; }
.operation-record-table th:nth-child(2) { width: 170px; }
.operation-record-table th:nth-child(3) { width: auto; }
.operation-record-table th:nth-child(4) { width: 150px; }
.operation-record-table td:last-child { word-break: break-word; }
.operation-record-empty { padding: 80px 0; color: #a3adb8; font-size: 14px; text-align: center; }
.pscrm-drawer-mask { z-index: 54; }
.pscrm-drawer { z-index: 55; width: min(680px, calc(100vw - 70px)); }
.pscrm-view-mask { z-index: 56; }
.pscrm-view-drawer { z-index: 57; width: min(760px, calc(100vw - 70px)); }
.pscrm-quantity-field { min-height: 58px; display: grid; grid-template-columns: 145px minmax(0, 390px); align-items: start; column-gap: 14px; }
.pscrm-quantity-field > label { padding-top: 9px; color: #59616d; font-size: 14px; font-weight: 400; text-align: right; }
.pscrm-quantity-field > label::before { content: "*"; margin-right: 5px; color: #f05656; }
.pscrm-quantity-control { height: 36px; display: grid; grid-template-columns: minmax(90px, 1fr) 36px 18px minmax(76px, .8fr) 36px; align-items: center; }
.pscrm-quantity-control input { min-width: 0; height: 36px; padding: 0 11px; border: 1px solid #dfe4ea; border-radius: 4px; outline: none; color: #59616d; font-size: 14px; }
.pscrm-quantity-control input:focus { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64, 158, 255, .1); }
.pscrm-quantity-control .unit { height: 36px; display: grid; place-items: center; color: #7f8995; font-size: 14px; }
.pscrm-quantity-control .slash { color: #7f8995; font-size: 14px; text-align: center; }
.pscrm-readonly-control input { color: #59616d; background: #f7f8fa; pointer-events: none; }
.pscrm-operation-record-table th:nth-child(1) { width: 86px; }
.pscrm-operation-record-table th:nth-child(2) { width: 150px; }
.pscrm-operation-record-table th:nth-child(3) { width: auto; }
.pscrm-operation-record-table th:nth-child(4) { width: 130px; }
.yunchake-drawer-mask { z-index: 58; }
.yunchake-drawer { z-index: 59; width: min(700px, calc(100vw - 70px)); }
.yunchake-unlock-field { grid-template-columns: 145px minmax(0, 420px); }
.yunchake-unlock-control { grid-template-columns: minmax(90px, 1fr) 36px 18px minmax(76px, .78fr) 78px; }
.yunchake-unlock-control .unlock-unit { justify-content: start; padding-left: 8px; white-space: nowrap; }
.sms-drawer-mask { z-index: 60; }
.sms-drawer { z-index: 61; width: min(720px, calc(100vw - 70px)); }
.sms-category + .sms-category { margin-top: 24px; padding-top: 22px; border-top: 1px solid #edf0f3; }
.sms-category h4 { margin: 0 0 15px 50px; color: #3d4752; font-size: 14px; line-height: 1.4; font-weight: 650; }
.sms-quantity-field { grid-template-columns: 145px minmax(0, 420px); }
.sms-quantity-control { grid-template-columns: minmax(90px, 1fr) 36px 18px minmax(76px, .8fr) 42px; }
.sms-quantity-control .sms-unit { justify-content: start; padding-left: 8px; white-space: nowrap; }
.yunchake-view-mask { z-index: 62; }
.yunchake-view-drawer { z-index: 63; width: min(760px, calc(100vw - 70px)); }
.sms-view-mask { z-index: 64; }
.sms-view-drawer { z-index: 65; width: min(760px, calc(100vw - 70px)); }
.readonly-quantity-control { height: 36px; display: grid; grid-template-columns: minmax(90px, 1fr) 36px 18px minmax(76px, .8fr) 42px; align-items: center; }
.readonly-quantity-value { height: 36px; display: flex; align-items: center; padding: 0 11px; border: 1px solid #e3e7ec; border-radius: 4px; color: #59616d; background: #f7f8fa; font-size: 14px; }
.readonly-quantity-control .unit { height: 36px; display: grid; place-items: center; color: #7f8995; font-size: 14px; }
.readonly-quantity-control .slash { color: #7f8995; font-size: 14px; text-align: center; }
.number-drawer-mask { z-index: 66; }
.number-drawer { z-index: 67; width: min(860px, calc(100vw - 70px)); }
.number-drawer-content { padding-top: 22px; }
.number-type-card { padding: 18px 20px 8px; border: 1px solid #e5e9ee; border-radius: 4px; background: #fbfcfd; }
.number-type-card + .number-type-card { margin-top: 16px; }
.number-type-card h4 { margin: 0 0 16px; color: #3f4955; font-size: 14px; font-weight: 650; }
.number-price-field { grid-template-columns: 145px minmax(0, 280px); }
.number-price-field .call-system-price-input span { flex-basis: 76px; white-space: nowrap; }
.number-pricing-mode { min-height: 42px; display: flex; align-items: center; gap: 24px; margin-bottom: 12px; padding: 0 10px; color: #59616d; font-size: 14px; }
.number-pricing-mode > span { margin-right: 4px; color: #3f4955; font-weight: 600; }
.number-pricing-mode label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.number-pricing-mode input { width: 16px; height: 16px; margin: 0; accent-color: #2698f5; }
.number-minute-field { min-height: 58px; display: grid; grid-template-columns: 145px minmax(0, 600px); align-items: start; column-gap: 14px; }
.number-minute-field > label { padding-top: 9px; color: #59616d; font-size: 14px; text-align: right; }
.number-minute-field > label::before { content: "*"; margin-right: 5px; color: #f05656; }
.number-minute-control { display: grid; grid-template-columns: minmax(70px, 1fr) auto auto minmax(70px, 1fr) auto minmax(80px, 1fr) auto; align-items: center; gap: 8px; color: #7f8995; font-size: 14px; white-space: nowrap; }
.number-minute-control input { min-width: 0; height: 36px; padding: 0 9px; border: 1px solid #dfe4ea; border-radius: 4px; outline: none; color: #59616d; font-size: 14px; }
.number-minute-control input:focus { border-color: #409eff; box-shadow: 0 0 0 2px rgba(64, 158, 255, .1); }
.software-price-mode { min-height: 42px; display: flex; align-items: center; gap: 24px; margin: -4px 0 14px; padding: 0 10px; color: #59616d; font-size: 14px; }
.software-price-mode > span { margin-right: 4px; color: #3f4955; font-weight: 600; }
.software-price-mode label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.software-price-mode input { width: 16px; height: 16px; margin: 0; accent-color: #2698f5; }
.readonly-software-price-mode { min-height: 38px; margin-bottom: 12px; border-bottom: 1px solid #edf0f3; }
.readonly-software-price-mode strong { color: #2698f5; font-weight: 600; }
.information-security-edit-mask { z-index: 68; }
.information-security-drawer { z-index: 69; width: min(680px, calc(100vw - 70px)); }
.information-security-drawer-content { padding: 28px 34px 36px; }
.information-security-drawer .call-system-section h3 { margin-bottom: 26px; }
.information-security-drawer .call-system-price-field { min-height: 64px; grid-template-columns: 180px minmax(0, 300px); column-gap: 16px; }
.information-security-view-mask { z-index: 70; }
.information-security-view-drawer { z-index: 71; width: min(860px, calc(100vw - 70px)); }
.information-security-view-content { padding-top: 28px; }
.information-security-view-drawer .information-security-price-field { min-height: 64px; grid-template-columns: 180px minmax(0, 300px); column-gap: 16px; }
.information-security-operation-table th:nth-child(1) { width: 100px; }
.information-security-operation-table th:nth-child(2) { width: 190px; }
.information-security-operation-table th:nth-child(3) { width: auto; }
.information-security-operation-table th:nth-child(4) { width: 170px; }