/* Compact rental navigation; billing actions live on the rental page. */
.workspace-billing{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}
.service-cancel-link{border-color:#ee9d81!important}
.retained-files a{overflow-wrap:anywhere}
.service-card-content{min-width:0}
.service-rental{margin:8px 0 12px;padding:12px;border:1px solid #ffffff26;border-radius:8px;background:rgba(5,12,24,.84);color:#f2f5ff;min-width:0}
.service-rental p{margin:0;overflow-wrap:anywhere}
.service-rental-status{font-size:.84rem;font-weight:750;line-height:1.45}
.service-rental-date{font-size:.78rem;line-height:1.5;color:#c8d7ed;padding-top:4px}
.service-rental-sandbox{align-self:flex-start;display:inline-block;font-size:.65rem;line-height:1.4;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ffd39b;border:1px solid #b58954;border-radius:5px;padding:2px 6px;margin-top:5px}
.portal-main .service-rental-manage{display:flex;justify-content:center;align-items:center;margin-top:10px;width:100%;min-height:44px;padding:8px 12px;font-size:.8rem;line-height:1.35;white-space:normal;border-color:#52688d;background:#15223a;color:#f2f5ff}
.portal-main .service-rental-manage:hover{background:#223755;border-color:#a1b8df}
.service-rental-manage:focus-visible{outline:3px solid #ffb183;outline-offset:3px}
.services-page .service-identity h2{white-space:normal;overflow-wrap:anywhere}
.services-page .service-card-top{flex-wrap:wrap}
.rental-back{display:inline-block;margin:0 0 18px}
.rental-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}
.rental-heading h1{font-size:clamp(1.7rem,4vw,2.6rem);overflow-wrap:anywhere;margin:0}
.rental-heading .service-rental-sandbox{flex:none;color:var(--ink)}
.rental-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.rental-layout .account-panel{margin:0;min-width:0}
.rental-layout h2{font-size:1.35rem;margin-top:0}
.rental-details dd{overflow-wrap:anywhere}
.rental-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.rental-actions>*{min-height:44px;max-width:100%;white-space:normal}
.rental-stop{padding-top:16px;margin-top:20px;border-top:1px solid var(--line)}
.rental-stop h3{font-size:1rem}
.rental-terms{display:block;margin:16px 0}
.rental-history{grid-column:1/-1}
.rental-history ul{list-style:none;margin:0;padding:0}
.rental-history li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line);font-size:.88rem}
.rental-history li div{display:grid;gap:4px}
.rental-history time,.rental-history li>span{color:var(--muted)}
/* Override every old list placement, including the live-card layout. */
@media(min-width:1101px){
 .services-page .service-grid[data-view="list"] .service-card .service-card-content{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(300px,1.4fr) minmax(215px,.7fr);grid-template-rows:auto auto auto;gap:8px 18px;align-items:start;min-height:0}
 .services-page .service-grid[data-view="list"] .service-card .service-card-top{display:flex;grid-column:1;grid-row:1;align-items:center;gap:8px}
 .services-page .service-grid[data-view="list"] .service-card .service-identity{grid-column:1;grid-row:2/4;margin:0}
 .services-page .service-grid[data-view="list"] .service-card .service-metrics{grid-column:2;grid-row:1;align-self:start}
 .services-page .service-grid[data-view="list"] .service-card .service-activity{grid-column:2;grid-row:2;margin:0;flex-wrap:wrap}
 .services-page .service-grid[data-view="list"] .service-card .service-card-footer{display:flex;grid-column:2;grid-row:3;margin:0;padding-top:8px;align-items:center}
 .services-page .service-grid[data-view="list"] .service-card .service-rental{grid-column:3;grid-row:1/4;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
 .services-page .service-grid[data-view="list"] .service-card .service-fallback{grid-column:2;grid-row:1/4;margin:0;align-self:center}
 .services-page .service-grid[data-view="list"] .service-card .service-game,.services-page .service-grid[data-view="list"] .service-card .service-state,.services-page .service-grid[data-view="list"] .service-card .service-manage,.services-page .service-grid[data-view="list"] .service-card .service-power{grid-column:auto;grid-row:auto}
}
@media(min-width:701px) and (max-width:1100px){
 .services-page .service-grid[data-view="list"] .service-card .service-card-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.65fr);grid-template-rows:auto auto auto auto auto;gap:8px 16px;align-items:start;min-height:0}
 .services-page .service-grid[data-view="list"] .service-card .service-card-top{display:flex;grid-column:1;grid-row:1}
 .services-page .service-grid[data-view="list"] .service-card .service-identity{grid-column:1;grid-row:2;margin:0}
 .services-page .service-grid[data-view="list"] .service-card .service-metrics{grid-column:1;grid-row:3}
 .services-page .service-grid[data-view="list"] .service-card .service-activity{grid-column:1;grid-row:4;margin:0;flex-wrap:wrap}
 .services-page .service-grid[data-view="list"] .service-card .service-card-footer{display:flex;grid-column:1;grid-row:5;margin:0}
 .services-page .service-grid[data-view="list"] .service-card .service-rental{grid-column:2;grid-row:1/6;margin:0;align-self:center}
 .services-page .service-grid[data-view="list"] .service-card .service-fallback{grid-column:1;grid-row:3/6;margin:0}
 .services-page .service-grid[data-view="list"] .service-card .service-game,.services-page .service-grid[data-view="list"] .service-card .service-state,.services-page .service-grid[data-view="list"] .service-card .service-manage,.services-page .service-grid[data-view="list"] .service-card .service-power{grid-column:auto;grid-row:auto}
}
@media(max-width:700px){
 .services-page .service-grid[data-view="list"] .service-card .service-card-content{display:flex;flex-direction:column;align-items:stretch;gap:5px}
 .services-page .service-grid[data-view="list"] .service-card .service-card-top,.services-page .service-grid[data-view="list"] .service-card .service-card-footer{display:flex}
 .services-page .service-grid[data-view="list"] .service-card .service-rental{margin:4px 0 8px}
 .rental-layout{grid-template-columns:minmax(0,1fr)}
 .rental-actions{align-items:stretch;flex-direction:column}
 .rental-actions .action-link,.rental-actions button{width:100%;text-align:center}
}

.workspace-rental-summary {display:flex; flex-wrap:wrap; gap:.3rem 1rem; align-items:center; margin:0 0 1rem; padding:.7rem 1rem; border:1px solid #304560; border-radius:.65rem; background:#101b2c; color:#afc2dd; overflow-wrap:anywhere;}
.workspace-rental-summary strong {color:#f5f7ff; font-size:.95rem;}
.workspace-rental-summary span {font-size:.85rem;}
@media(max-width:600px) {.workspace-rental-summary {flex-direction:column; align-items:flex-start; padding:.65rem .8rem;}}