.cloud-main{max-width:1280px;margin:auto}.cloud-upload{margin-bottom:18px}.cloud-upload form{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1fr) minmax(0,1.7fr) auto;align-items:start;gap:16px}.cloud-upload form>button{margin-top:27px}.cloud-upload input[type=file]{width:100%;padding:10px;box-sizing:border-box}.cloud-upload small,.cloud-help{font-size:13px;line-height:1.7;color:#a4b2b7}.cloud-help{margin-bottom:0}#cloud-progress{width:100%;height:8px;accent-color:#e5a16e}#cloud-controls{display:flex;gap:10px;margin-top:12px}#cloud-progress-label{margin:12px 0 8px}.cloud-filter{display:flex;gap:12px;align-items:center;margin-bottom:16px}.cloud-filter label:first-child{flex:1}.cloud-filter label{margin:0}.cloud-filter select{min-width:160px}.cloud-list{display:grid;gap:10px}.cloud-row{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #364045;border-radius:12px;background:#1d2428}.cloud-row-icon{display:flex;color:#e5a16e;padding:13px;background:#e5a16e0d;border-radius:12px}.cloud-row-icon svg{width:24px;height:24px}.cloud-row-copy{flex:1;min-width:0}.cloud-row h3{margin:0 0 8px;overflow-wrap:anywhere}.cloud-row p{margin:0;color:#a4b2b7;font-size:13px;line-height:1.7}.cloud-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cloud-row-actions button{font-size:13px}.cloud-row-actions .cloud-delete{color:#df9b8f}.cloud-empty{padding:48px;text-align:center;color:#a4b2b7}.cloud-main .hh-dialog{max-width:520px;width:calc(100% - 40px);box-sizing:border-box}.cloud-main .hh-dialog header{display:flex;justify-content:space-between;align-items:center}.cloud-main .hh-dialog header h2{margin:0}.cloud-main .portal-field input,.cloud-main .portal-field select{box-sizing:border-box;min-height:44px;border:1px solid #3a444a;border-radius:8px;background:#151b1e;color:#e9eeee;padding:10px 12px}.cloud-main #cloud-dialog-error{color:#e4a79b}
@media(max-width:800px){.cloud-upload form{grid-template-columns:1fr}.cloud-upload form>button{margin-top:0}.cloud-filter{flex-wrap:wrap}.cloud-filter label:first-child{flex-basis:100%}.cloud-row{align-items:flex-start;flex-wrap:wrap}.cloud-row-actions{width:100%;justify-content:flex-start}.cloud-row-icon{padding:8px}.cloud-main{padding:24px 16px}}

.account-main #cloud-upload-form>.portal-field{display:grid;gap:8px;min-width:0}
.account-main #cloud-upload-form>.portal-field>span{height:22px;line-height:22px}
.account-main #cloud-upload-form input,.account-main #cloud-upload-form select,.account-main #cloud-submit{box-sizing:border-box;height:44px;min-height:44px;max-height:44px;margin-bottom:0}
.account-main #cloud-file{padding:7px 12px;line-height:28px}
.account-main #cloud-file::file-selector-button{box-sizing:border-box;height:28px;margin:0 10px 0 0;padding:0 10px;vertical-align:top;line-height:26px}
.account-main #cloud-submit{margin-top:30px;padding:0 18px;align-self:start}
@media(max-width:800px){.account-main #cloud-submit{margin-top:0}}
.cloud-main.account-main { max-width: var(--page-width); padding: 40px 0 64px; }
.cloud-main .account-page-heading h1 { margin: 0; }
.cloud-main #cloud-content>.panel { margin-bottom: 18px; }


@media(max-width:700px){.cloud-main.account-main{padding:28px 0 48px}}

.cloud-main.account-main .cloud-capacity { display: grid; gap: 16px; padding: 22px 24px; border: 1px solid #e5a16e40; border-radius: 14px; background: #232527; }
.cloud-main .cloud-capacity-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; }
.cloud-main.account-main .cloud-capacity-heading h2 { margin: 0 auto 0 0; font-size: 20px; line-height: 1.4; }
.cloud-capacity-heading strong { color: #efab79; font-size: 26px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.cloud-capacity-heading #cloud-quota { color: var(--muted, #a4b2b7); font-size: 14px; font-variant-numeric: tabular-nums; }
.cloud-main .cloud-capacity-heading .portal-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 36px; padding: 7px 14px; font-size: 13px; font-weight: 600; line-height: 20px; border-radius: 8px; white-space: nowrap; }
.cloud-capacity .storage-usage { width: 100%; gap: 8px; }
.cloud-capacity .storage-usage-track { height: 20px; border-radius: 3px; }
.cloud-capacity .storage-usage > small { font-size: 14px; line-height: 1.6; }
.cloud-main .cloud-capacity-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.cloud-capacity #cloud-warning { margin: 0; padding: 14px; border: 1px solid #bd85534d; border-radius: 10px; background: #bd855312; color: #efba87; }
@media(max-width:600px){
 .cloud-main.account-main .cloud-capacity { padding: 18px 16px; gap: 14px; }
 .cloud-main .cloud-capacity-heading { display: grid; grid-template-columns: 1fr auto; gap: 14px 10px; }
 .cloud-main.account-main .cloud-capacity-heading h2 { font-size: 18px; grid-column: 1 / -1; }
 .cloud-capacity-heading strong { grid-row: 2; font-size: 23px; }
 .cloud-capacity-heading #cloud-quota { grid-row: 2; text-align: right; }
 .cloud-main .cloud-capacity-actions { grid-column: 1 / -1; grid-row: 3; }
}

.account-main #cloud-upload-form input,.account-main #cloud-platform{min-width:0;width:100%}