.storage-location-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.storage-location-switch [aria-pressed="true"]{background:#765ce2;color:#fff;border-color:#765ce2}
[data-storage-pane][hidden]{display:none!important}
[data-storage-pane="host"]{display:grid;gap:20px}
[data-backblaze-readiness-panel] .backblaze-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
[data-backblaze-readiness-panel] .detail-card{padding:18px;min-width:0;box-shadow:none}
[data-backblaze-readiness-panel] .section-note{line-height:1.5}
.cloud-storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.cloud-storage-mix{display:flex;height:26px;border-radius:8px;overflow:hidden;background:#e8e3f1;margin:20px 0}
.cloud-storage-bars{display:grid;gap:18px;margin:18px 0}
.cloud-storage-bar>div:first-child{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.9rem}
.cloud-storage-bar span{font-variant-numeric:tabular-nums}
.cloud-storage-track{height:9px;background:#e8e3f1;border-radius:8px;overflow:hidden;margin-top:8px}
.cloud-storage-track>span{display:block;height:100%}
.cloud-color-0{background:#8066df}.cloud-color-1{background:#45b5c5}.cloud-color-2{background:#d4a648}.cloud-color-3{background:#8793ab}
.cloud-storage-folder{border-bottom:1px solid #d9d1ed;padding:16px 0;overflow-wrap:anywhere}
.cloud-storage-folder summary{cursor:pointer;display:list-item}.cloud-storage-folder summary span{float:right;margin-left:12px}
.cloud-storage-folder .cloud-storage-bars{padding-left:18px}.cloud-delivery-note{margin-top:20px}
.cloud-storage-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cloud-spin .8s linear infinite;vertical-align:middle}
@keyframes cloud-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cloud-storage-spinner{animation:none}}
@media(max-width:900px){.cloud-storage-grid{grid-template-columns:1fr}[data-backblaze-readiness-panel] .backblaze-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body[data-admin-theme="dark"] .cloud-storage-track,body[data-admin-theme="dark"] .cloud-storage-mix{background:#353142}
body[data-admin-theme="dark"] .cloud-storage-folder{border-color:#554760}

.cloud-storage-folder .cloud-storage-folder{margin-left:16px}

.cloud-storage-grid>.detail-card{display:block}

[data-media-transfer-accounting]{margin:20px 0}
[data-media-transfer-accounting] .backblaze-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
[data-media-transfer-accounting] .detail-card{padding:18px;min-width:0;box-shadow:none}
[data-media-transfer-accounting] .section-note{line-height:1.5;overflow-wrap:anywhere}
[data-media-transfer-accounting] select{border:1px solid #b9aed4;border-radius:8px;padding:8px;background:transparent;color:inherit}
@media(max-width:1000px){[data-media-transfer-accounting] .backblaze-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){[data-media-transfer-accounting] .backblaze-readiness-grid{grid-template-columns:1fr}}

[data-backblaze-readiness-panel] .cloud-cost-toggle{display:flex;flex-direction:column;gap:12px;text-align:left;color:inherit;font:inherit;background:var(--admin-surface,#fff);cursor:pointer;border:1px solid #c5b8e8;width:100%}
.cloud-cost-toggle .section-note{margin:0}
.cloud-cost-toggle:focus-visible,.cloud-cost-details button:focus-visible,.cloud-cost-details summary:focus-visible{outline:3px solid #7c60d4;outline-offset:3px}
.cloud-cost-details{margin:18px 0;min-width:0;display:block!important}
.cloud-cost-details[hidden]{display:none!important}
.cloud-cost-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cloud-cost-charts svg{display:block;width:100%;height:auto;min-height:110px}
.cloud-cost-charts svg text{font:12px sans-serif;fill:currentColor}
.cloud-cost-charts h4{margin:12px 0 6px}
.cloud-cost-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#6550bd}
.cloud-cost-legend span+span{color:#237e91}
.cloud-cost-empty{padding:25px 0}
.cloud-cost-table summary{cursor:pointer;padding:12px 0}
.cloud-cost-table>div{overflow:auto;max-width:100%}
.cloud-cost-table table{border-collapse:collapse;white-space:nowrap;font-size:13px;width:100%}
.cloud-cost-table th,.cloud-cost-table td{padding:8px;text-align:left;border-bottom:1px solid #d8d0e7}
@media(max-width:850px){.cloud-cost-charts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:550px){[data-backblaze-readiness-panel] .backblaze-readiness-grid{grid-template-columns:minmax(0,1fr)}}
.cloud-cost-method{margin-top:16px}.cloud-cost-method summary{cursor:pointer;padding:8px 0}@media(max-width:550px){.cloud-cost-charts svg text{font-size:16px}}

.cloud-history-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cloud-history-actions label{display:flex;gap:8px;align-items:center}
.cloud-history-actions select{font:inherit;color:inherit;background:transparent;border:1px solid #b9aed4;border-radius:8px;padding:8px}
.cloud-history-billing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.cloud-history-billing>div{border:1px solid #d9ceec;border-radius:14px;padding:18px;background:rgba(118,80,188,.04)}
.cloud-history-billing strong{display:block;font-size:1.65rem;margin:8px 0;font-variant-numeric:tabular-nums}
.cloud-history-billing .section-note{margin:0;display:block;overflow-wrap:anywhere}
.cloud-history-chart{border:1px solid #ded6e9;border-radius:12px;padding:18px;min-width:0;position:relative}
.cloud-history-chart h4{font-size:1rem;font-weight:650;margin:0 0 8px}
.cloud-history-chart>.section-note{min-height:44px;margin:0 0 8px}
.cloud-history-grid{stroke:currentColor;stroke-opacity:.12;stroke-width:1}
.cloud-history-axis{fill:none;stroke:currentColor;stroke-opacity:.35}
.cloud-history-empty{padding:4px 8px;margin:0;font-size:13px;text-align:center}
.cloud-history-mode{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.cloud-history-mode [aria-pressed=true]{background:#7650bc;color:#fff}
.cloud-cost-legend .cloud-history-series-0{color:#7650bc}.cloud-cost-legend .cloud-history-series-1{color:#27899e}
.cloud-login-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.cloud-cost-charts svg{min-height:0;width:100%;aspect-ratio:800/265}
.cloud-cost-charts svg text{font:12px system-ui;fill:currentColor}
.cloud-cost-details .section-note{overflow-wrap:anywhere}
body[data-admin-theme=dark] .cloud-history-chart,body[data-admin-theme=dark] .cloud-history-billing>div{border-color:#554760}
body[data-admin-theme=dark] .cloud-cost-legend .cloud-history-series-0{color:#c2a4ff}
@media(max-width:600px){.cloud-history-billing{grid-template-columns:minmax(0,1fr)}.cloud-history-chart{padding:12px}.cloud-cost-charts svg text{font-size:17px}.cloud-login-button{white-space:normal}.cloud-history-actions{width:100%}.cloud-history-chart>.section-note{min-height:0}}

.cloud-history-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0}
.cloud-history-navigation .cloud-history-mode{margin:0}
.cloud-history-period-nav{display:flex;align-items:center;gap:12px}
.cloud-history-period-nav strong{min-width:130px;text-align:center;font-variant-numeric:tabular-nums}
.cloud-history-period-nav button{min-width:44px;min-height:44px}
.cloud-history-period-nav button:disabled{opacity:.4;cursor:default}
.cloud-history-month-link{font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer;padding:5px 0}
.cloud-history-month-link:disabled{text-decoration:none;opacity:.6;cursor:default}
.cloud-history-navigation button:focus-visible,.cloud-history-month-link:focus-visible{outline:3px solid #7c60d4;outline-offset:3px}
@media(max-width:600px){.cloud-history-navigation{align-items:stretch}.cloud-history-period-nav{width:100%;justify-content:space-between}.cloud-history-actions label[hidden]{display:none}}