.cost-page {overflow:auto;height:auto;min-height:100%;background:#fbfbfb;color:#0d0d0d;--canvas:#fbfbfb;--white:#ffffff;--ink:#0d0d0d;}
.cost-nav {display:flex;align-items:center;gap:16px;padding:20px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #e7e7e7;}
.cost-nav a {color:inherit;text-decoration:none;}.cost-nav .brand {flex:none;}.cost-admin {padding:4px 8px;border:1px solid #e7e7e7;border-radius:999px;font-size:11px;font-weight:700;}.cost-back {margin-left:auto;font-size:12px;}
.cost-main {display:block;flex:none;overflow:visible;min-height:0;width:min(1120px,100% - 48px);margin:40px auto 64px;}
.cost-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;}.cost-heading h1 {font-size:2rem;}.cost-heading p {margin-top:8px;font-size:13px;color:#4c4c4c;}
.cost-filters {display:flex;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}.cost-filters label {display:grid;gap:8px;font-size:11px;font-weight:700;flex:1;min-width:140px;}.cost-filters label:nth-child(3) {flex:1.6;}.cost-filters select {font:inherit;font-weight:400;color:inherit;min-height:44px;background:#ffffff;border:1px solid #e7e7e7;border-radius:8px;padding:10px;width:100%;}
.cost-status {font-size:11px;color:#4c4c4c;margin:16px 0;min-height:20px;}.cost-status.is-error {color:#fe3144;}
.cost-totals {display:flex;flex-wrap:wrap;gap:24px;padding:8px 0 24px;}.cost-metric {flex:1;min-width:140px;}.cost-metric:first-child {flex:1.5;}.cost-metric small {display:block;font-size:11px;font-weight:600;}.cost-metric strong {display:block;font-family:var(--display);font-weight:400;font-size:2rem;line-height:1.25;margin:8px 0;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}.cost-metric:first-child strong {color:#3bb44c;}.cost-metric p {font-size:11px;color:#4c4c4c;}
.cost-scope {font-size:11px;line-height:1.8;color:#4c4c4c;max-width:90ch;}.cost-breakdowns {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:32px 0 40px;}.cost-page h2 {font-size:1.25rem;margin-bottom:16px;}
.cost-metric:last-child strong {font-size:1.375rem;overflow-wrap:anywhere;line-height:1.5;}
.cost-group {padding:12px 0;border-bottom:1px solid #e7e7e7;}.cost-group-heading {display:flex;gap:16px;justify-content:space-between;font-size:12px;}.cost-group-heading strong {overflow-wrap:anywhere;}.cost-group-heading span {white-space:nowrap;font-variant-numeric:tabular-nums;}.cost-bar {height:5px;background:#e7e7e7;margin:8px 0;border-radius:5px;overflow:hidden;}.cost-bar i {display:block;height:100%;background:#00b6fe;border-radius:5px;}.cost-group small {font-size:10px;color:#4c4c4c;}
.cost-section-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;}.cost-section-heading>span {font-size:11px;color:#4c4c4c;}.cost-table-wrap {overflow-x:auto;border:1px solid #e7e7e7;border-radius:12px;background:#ffffff;}.cost-page table {width:100%;border-collapse:collapse;text-align:left;font-size:11px;font-variant-numeric:tabular-nums;}.cost-page th {font-weight:600;font-size:10px;background:#f7f7f7;white-space:nowrap;}.cost-page th,.cost-page td {padding:14px 16px;vertical-align:top;border-bottom:1px solid #e7e7e7;}.cost-page tbody tr:last-child td {border-bottom:0;}.cost-page td small {display:block;margin-top:5px;color:#4c4c4c;font-size:10px;}.cost-page td:first-child {min-width:145px;}.cost-page td:nth-child(2) {min-width:240px;max-width:300px;overflow-wrap:anywhere;}.cost-page td:nth-child(n+3) {white-space:nowrap;}.cost-page details {margin-top:8px;}.cost-page summary {cursor:pointer;color:#008fc8;font-size:10px;}.cost-page dl {font-size:10px;margin:12px 0;}.cost-page dt {color:#4c4c4c;margin:8px 0 2px;}.cost-page dd {margin:0;overflow-wrap:anywhere;}.cost-state {font-size:10px;padding:4px 8px;background:#e9f9ff;border-radius:5px;display:inline-block;}.cost-state.failed,.cost-state.interrupted {background:#ffb5bb;}.cost-state.running {background:#bfedff;}
.cost-pagination {display:flex;gap:16px;align-items:center;justify-content:flex-end;margin:16px 0 32px;}.cost-pagination>span {font-size:11px;}.cost-empty {padding:24px 0;font-size:12px;color:#4c4c4c;}.cost-page :focus-visible {outline:3px solid #008fc8;outline-offset:3px;}
@media(max-width:700px){.cost-main {width:calc(100% - 32px);margin-top:24px;}.cost-nav {padding:16px;gap:8px;}.cost-nav .brand-name {font-size:15px;}.cost-nav .brand-bird {width:32px;height:32px;}.cost-back {font-size:10px;max-width:9ch;}.cost-heading {gap:12px;align-items:flex-start;}.cost-heading h1 {font-size:1.5rem;}.cost-heading p {font-size:11px;}.cost-heading .btn {font-size:11px;}.cost-filters {gap:12px;}.cost-filters label {flex-basis:calc(50% - 12px);min-width:0;}.cost-filters label:nth-child(3) {flex:1 1 calc(50% - 12px);}.cost-filters select {font-size:11px;}.cost-totals {gap:24px 16px;}.cost-metric,.cost-metric:first-child {flex:1 1 calc(50% - 16px);min-width:0;}.cost-metric strong {font-size:1.75rem;}.cost-breakdowns {grid-template-columns:1fr;gap:28px;}.cost-page th,.cost-page td {padding:12px;}.cost-pagination {justify-content:space-between;}}

/* Brand alignment */
.cost-admin {border:0;background:#dbf5ff;color:#005b7f;padding:4px 12px;}
.cost-filters select {border:2px solid #e7e7e7;border-radius:8px;}
.cost-table-wrap {border:2px solid #e7e7e7;border-radius:12px;}
.cost-state {border-radius:999px;font-weight:600;}
.cost-page :focus-visible {outline:3px solid #0d0d0d;}