/* Game library and server cost presentation, v1.1. */
.games-table{table-layout:fixed;min-width:1000px}
.games-table .game-col-name{width:178px}
.games-table .game-col-subject{width:122px}
.games-table .game-col-provider{width:auto}
.games-table .game-col-resources{width:142px}
.games-table .game-col-status{width:133px}
.games-table .game-col-created{width:151px}
.games-table .game-col-actions{width:98px}
.games-table th,.games-table td{padding:15px 14px;font-size:12px}
.games-table th{font-size:12px;color:#667587}
.games-table th:first-child,.games-table td:first-child{padding-left:22px}
.games-table .game-name{font-size:13px;white-space:normal;overflow-wrap:anywhere}
.games-table .original-name{color:#6e7e8d;font-size:11px;white-space:normal}
.games-table .game-provider{white-space:normal;overflow-wrap:anywhere;color:#536477}
.games-table .subject-tag{font-size:12px;color:#526577}
.games-table .resource-mini{font-size:12px;color:#5f7181;flex-wrap:wrap;gap:4px 10px}
.games-table .created-date{font-size:12px;color:#667587;font-variant-numeric:tabular-nums}
.status{font-size:11px;font-weight:550;padding:4px 8px;line-height:1.5}
.status.stopped{background:#fceceb;color:#a62e2a}
.status.partial{background:#fff0d8;color:#975400}
.status.empty{background:#f2ede4;color:#785f37}
.status.running{color:#226f55;background:#eaf5ee}
.field-readonly{min-height:39px;padding:10px 11px;font-size:13px;color:#58697c;background:#f6f8fa;border:1px solid #e3e9ed;border-radius:6px}
.detail-meta label{font-size:12px;color:#6a7889}
.detail-meta span{color:#34485b;font-size:14px}
.detail-meta .subject-tag{font-size:13px}
.detail-meta .status.stopped{color:#a62e2a}
.detail-meta .status.partial{color:#975400}
.detail-meta .status.running{color:#226f55}
.detail-meta .status.empty{color:#785f37}
.resource-card{padding:19px 20px;margin-bottom:16px;border-color:#dfe6eb}
.resource-label{font-size:14px;flex-wrap:wrap;gap:10px}
.resource-region{font-size:12px;color:#5b6d80;font-weight:400}
.resource-id{margin-top:16px;padding:11px 13px;background:#f5f8fa;border-radius:5px;line-height:1.65}
.resource-field-label{display:block;font-size:11px;font-weight:500;color:#6b7b8c;margin-bottom:3px}
.resource-value{display:block;color:#2b4055;font-size:14px;overflow-wrap:anywhere;user-select:text}
.resource-facts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin:17px 0 0}
.resource-facts dt{font-size:12px;color:#6b7b8c;margin-bottom:5px}
.resource-facts dd{margin:0;font-size:14px;line-height:1.6;color:#34495e;overflow-wrap:anywhere}
.resource-facts .date-missing{color:#945b12}
.resource-note{font-size:13px;color:#586b7d;line-height:1.7;margin-top:12px}
.detail-note{font-size:13px;color:#506477;line-height:1.7}
.monthly-table{min-width:850px}
.monthly-table th{font-size:12px;color:#667587}
.monthly-table td{padding-top:15px;padding-bottom:15px}
.server-cost-cell{min-width:145px}
.server-amount{display:block;color:#43566a;font-weight:500;font-variant-numeric:tabular-nums}
.server-amount.negative{color:#198a72}
.region-tag{display:flex;align-items:center;justify-content:flex-end;gap:3px;width:max-content;margin:5px 0 0 auto;font-size:10px;font-weight:500;line-height:1.5;color:#286f62;background:#edf6f2;border:0;border-radius:4px;padding:2px 6px}
.region-tag:hover{background:#deeee7;color:#155546}
.region-tag.pending{color:#925915;background:#fff1dd}
.region-tag.pending:hover{background:#ffe6c0}
.region-tag.mixed{color:#4d659a;background:#eef1fb}
.region-empty{display:block;margin-top:4px;color:#8b98a5;font-size:10px;font-weight:400}
.server-breakdown-total{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;background:#f1f7f4;border-radius:6px;color:#587364;font-size:13px}
.server-breakdown-total strong{font-size:25px;font-weight:600;color:#2b5848;font-variant-numeric:tabular-nums}
.breakdown-lines{margin:18px 0 24px}
.breakdown-lines>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 2px;border-bottom:1px solid #edf0f3;font-size:13px;color:#55677a}
.breakdown-lines strong{font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:680px){.resource-card{padding:16px}.resource-value{font-size:14px}.resource-facts{grid-template-columns:1fr 1fr;gap:15px}.resource-facts dd{font-size:13px}.resource-label{gap:7px}.detail-meta span{font-size:13px}.detail-meta{gap:16px}.games-table th,.games-table td{font-size:12px}.games-table .game-col-name{width:164px}.monthly-table{min-width:810px}}