/* Usage analytics: scoped surfaces, charts and tables, shared on mobile/desktop. */
.ua-inline-caption{font-size:12px;font-weight:500;flex-shrink:0;margin-right:-8px}
.ua-method summary{cursor:pointer;list-style-position:inside}.ua-method summary:hover{color:var(--ua-accent)}.ua-method>p{margin:6px 0 0}
.ua-account,.ua-billing-summary,.ua-time-filter{--ua-ink:var(--text-main,#28233d);--ua-muted:var(--text-muted,#8b849d);--ua-line:var(--card-border,#eae6f2);--ua-paper:var(--el-bg-color,#fff);--ua-accent:#8366dc;--ua-soft:#8b6ce30a;color:var(--ua-ink)}
.ua-time-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;font-size:12px}.ua-time-presets{display:flex;gap:4px;flex-wrap:wrap}.ua-time-filter button,.ua-chart-tabs button,.ua-refresh,.ua-error button{font:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 10px;color:var(--ua-muted)}
.ua-time-filter button:hover,.ua-time-filter button.active,.ua-chart-tabs button.active{color:var(--ua-accent);background:#8b6ce315;border-color:#8b6ce32b}.ua-date-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ua-date-field{display:flex;gap:7px;align-items:center;min-width:0}.ua-date-field .el-date-editor.el-input{width:188px;max-width:100%}.ua-date-field>span,.ua-date-inputs small{color:var(--ua-muted);font-size:12px}
.ua-time-filter button:focus-visible,.ua-chart-tabs button:focus-visible,.ua-refresh:focus-visible{outline:2px solid #8b6ce366;outline-offset:2px}.ua-date-divider{color:var(--ua-muted)}
.ua-billing-summary{padding:9px 20px;border-bottom:1px solid var(--ua-line);min-height:22px}.ua-inline-stats{display:flex;align-items:center;gap:12px;white-space:nowrap;overflow-x:auto;min-height:22px;scrollbar-width:thin;font-size:12px;color:var(--ua-muted)}.ua-inline-stats>span{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.ua-inline-stats b{font-weight:600;color:var(--ua-ink);font-variant-numeric:tabular-nums}.ua-inline-stats i{height:6px;width:6px;border-radius:50%;background:#9475e4;flex-shrink:0}.ua-inline-stats .ua-dot-cost{background:#9c7bdc}.ua-inline-stats .ua-dot-cached{background:#3dad9b}.ua-inline-stats .ua-dot-output{background:#c08dcb}.ua-inline-stats .ua-dot-created{background:#d5a44e}.ua-inline-loading{font-size:12px;color:var(--ua-muted)}.ua-billing-summary .ua-error{padding:0;white-space:nowrap;font-size:12px}
.ua-log-filterbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;min-width:0;overflow-x:auto;padding:2px 1px;scrollbar-width:thin}.ua-log-filterbar>*{flex-shrink:0}.ua-log-time-filter{flex-shrink:0}.ua-log-time-filter .el-date-editor.el-range-editor{width:330px;max-width:none}.ua-log-time-filter .el-range-input{font-size:12px}.ua-log-range-popper{max-height:calc(100dvh - 24px);overflow-y:auto}
.ua-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ua-stat{background:var(--ua-soft);border:1px solid #8b6ce316;border-radius:12px;padding:15px 13px;min-width:0;display:flex;flex-direction:column;gap:9px}.ua-stat>span{font-size:12px;color:var(--ua-muted)}.ua-stat strong{font-size:22px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.3}.ua-stat em{font-style:normal;font-size:12px;color:var(--ua-muted);margin-left:3px}.ua-stat small{font-size:12px;line-height:1.6;color:var(--ua-muted)}.ua-stat-cost{background:linear-gradient(130deg,#8b6ce316,#8b6ce305)}.ua-stat-cost strong{color:var(--ua-accent);font-size:20px}
.ua-token-parts{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:15px;font-size:12px;color:var(--ua-muted)}.ua-token-parts>span{display:flex;align-items:center;gap:5px}.ua-token-parts b{font-weight:600;color:var(--ua-ink)}.ua-token-parts i{width:6px;height:6px;border-radius:50%;background:#9475e4}.ua-token-parts .ua-dot-output{background:#c08dcb}.ua-token-parts .ua-dot-cached{background:#3dad9b}.ua-token-parts .ua-dot-created{background:#d5a44e}.ua-method,.ua-range-caption{font-size:12px;line-height:1.8;color:var(--ua-muted);margin:12px 0 0}.ua-range-caption{margin-top:4px}.ua-skeleton-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ua-skeleton-grid i{height:112px;border-radius:12px;background:linear-gradient(90deg,#8b6ce307,#8b6ce31b,#8b6ce307);background-size:200% 100%;animation:ua-loading 1.5s ease infinite}@keyframes ua-loading{to{background-position:-200% 0}}
.ua-error{padding:14px;color:var(--el-color-danger,#d66);font-size:12px;line-height:1.6}.ua-error button{color:var(--ua-accent);text-decoration:underline}.ua-account{border-top:1px solid var(--ua-line);padding-top:28px;margin-top:20px}.ua-account-heading,.ua-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.ua-account-heading{margin-bottom:20px}.ua-eyebrow{font-size:12px;letter-spacing:2px;color:var(--ua-accent);font-weight:700}.ua-account-heading h2{font-size:23px;letter-spacing:-.6px;margin:9px 0 8px;font-weight:600}.ua-account-heading p{font-size:13px;color:var(--ua-muted);margin:0}.ua-refresh{border-color:var(--ua-line);white-space:nowrap}.ua-refresh:disabled{opacity:.5;cursor:wait}.ua-account>.ua-time-filter{margin-bottom:18px}
.ua-trend-panel{margin-top:25px;border:1px solid var(--ua-line);border-radius:15px;padding:20px}.ua-panel-heading h3,.ua-dimension h3{font-size:14px;font-weight:600;margin:0 0 6px}.ua-panel-heading small,.ua-panel-heading>span{font-size:12px;color:var(--ua-muted)}.ua-chart-tabs{display:flex;gap:3px;border:1px solid var(--ua-line);border-radius:9px;padding:3px}.ua-chart-tabs button{font-size:12px;padding:5px 10px}.ua-chart{margin-top:18px}.ua-chart-readout{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin-bottom:8px;font-size:12px;color:var(--ua-muted)}.ua-chart-readout b{color:var(--ua-accent);font-weight:500}.ua-chart svg{display:block;width:100%;height:220px;overflow:visible}.ua-grid-line{stroke:var(--ua-line);stroke-width:1;fill:none;stroke-dasharray:3 5}.ua-chart-area{fill:#8b6ce311}.ua-chart-line{fill:none;stroke:var(--ua-accent);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ua-chart-point{fill:var(--ua-paper);stroke:var(--ua-accent);stroke-width:2;cursor:crosshair}.ua-chart-point:hover,.ua-chart-point:focus{fill:var(--ua-accent);outline:none;stroke-width:4}.ua-chart-labels{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--ua-muted);margin-top:7px}
.ua-model-heading{margin:28px 0 13px}.ua-table-scroll{width:100%;overflow:auto;border:1px solid var(--ua-line);border-radius:12px}.ua-model-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:700px}.ua-model-table th{font-size:12px;color:var(--ua-muted);font-weight:500;padding:12px 14px;background:var(--ua-soft);white-space:nowrap}.ua-model-table td{padding:13px 14px;border-top:1px solid var(--ua-line);font-variant-numeric:tabular-nums;white-space:nowrap}.ua-model-table tbody tr:hover{background:var(--ua-soft)}.ua-model-name{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis}.ua-model-name i{font-size:12px;min-width:20px;font-style:normal;color:var(--ua-muted)}.ua-model-track{height:3px;border-radius:3px;background:#8b6ce312;margin:7px 0 4px 29px;max-width:200px;overflow:hidden}.ua-model-track>span{display:block;height:100%;background:var(--ua-accent);border-radius:3px}.ua-model-table td>small{font-size:12px;color:var(--ua-muted);margin-left:29px}
.ua-dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.ua-dimension{padding:19px;border:1px solid var(--ua-line);border-radius:14px;min-width:0}.ua-dimension .ua-method{margin:0 0 10px}.ua-dimension-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ua-line);padding:12px 0;font-size:12px}.ua-dimension-row strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.ua-dimension-row>span{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ua-dimension-row small{display:block;font-size:12px;color:var(--ua-muted);margin-top:5px;line-height:1.5}.ua-empty{padding:30px 12px;text-align:center;color:var(--ua-muted);font-size:12px}
@media(max-width:1200px){.ua-metric-grid,.ua-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.ua-billing-summary{padding:16px 12px}.ua-metric-grid,.ua-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ua-stat{padding:13px 11px}.ua-stat strong{font-size:20px}.ua-stat-cost strong{font-size:17px}.ua-time-filter{gap:10px}.ua-date-inputs{width:100%;gap:7px}.ua-date-field{width:100%;justify-content:space-between}.ua-date-field .el-date-editor.el-input{flex:1;width:0}.ua-date-field .el-input__inner{font-size:16px}.ua-date-divider{display:none}.ua-time-presets button{padding:7px 8px}.ua-account-heading{align-items:flex-start;gap:8px}.ua-account-heading h2{font-size:19px;line-height:1.5}.ua-account-heading p{font-size:13px;line-height:1.7}.ua-refresh{font-size:12px;padding:7px}.ua-token-parts{gap:8px 12px;font-size:12px}.ua-trend-panel{padding:14px 11px}.ua-panel-heading{gap:8px;flex-wrap:wrap}.ua-chart-readout{align-items:flex-start;flex-direction:column;font-size:12px}.ua-chart svg{height:170px}.ua-chart-labels span:nth-child(2){display:none}.ua-dimension-grid{grid-template-columns:1fr}.ua-method,.ua-range-caption{font-size:12px;line-height:1.8}.ua-account{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.ua-skeleton-grid i{animation:none}}

.ua-date-popper .el-date-picker{max-width:calc(100vw - 24px)}
@media(max-width:600px){.ua-billing-summary{padding:8px 12px}.ua-inline-stats{gap:12px;font-size:12px}.ua-log-range-popper{max-height:min(540px,calc(100dvh - 100px))}.ua-log-range-popper .el-date-range-picker{width:calc(100vw - 24px);max-width:350px}.ua-log-range-popper .el-date-range-picker__content{float:none;width:100%;padding:10px 12px}.ua-log-range-popper .el-picker-panel__body{min-width:0}.ua-log-range-popper .el-date-range-picker__content.is-right{border-left:0;border-top:1px solid var(--el-border-color-light)}.ua-log-range-popper .el-date-range-picker__time-header{padding:8px 6px}.ua-log-range-popper .el-date-range-picker__editors-wrap{padding:0 3px}}

/* Match the existing panel font; keep compact statistics on one line. */
.ua-account,.ua-billing-summary,.ua-time-filter,.ua-log-time-filter,.ua-date-popper,.ua-log-range-popper{font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif)}
.ua-time-filter,.ua-error,.ua-empty{font-size:13px}
.ua-eyebrow{letter-spacing:1px}