.cloud-payment-lock { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; margin:16px 0; border:1px solid #d8b96a; border-radius:6px; background:#fff9e8; color:#654915; }
.cloud-payment-lock p { margin:4px 0 0; font-size:14px; line-height:1.5; }
.cloud-payment-lock i { margin-top:3px; }
.cloud-browser { min-width:0; }
.cloud-browser-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:12px 0; }
.cloud-browser-breadcrumbs { display:flex; align-items:center; gap:7px; flex-wrap:wrap; min-width:0; }
.cloud-browser-crumb { max-width:100%; overflow-wrap:anywhere; }
.cloud-browser-list { max-height:60vh; overflow:auto; overscroll-behavior:contain; border:1px solid var(--border, #dbe2e3); border-radius:6px; }
.cloud-browser-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto 32px; align-items:center; gap:12px; min-height:58px; padding:10px 14px; border-bottom:1px solid var(--border, #dbe2e3); }
.cloud-browser-row:last-child { border-bottom:0; }
.cloud-browser-row.locked { cursor:default; opacity:1; }
.cloud-browser-row.folder { cursor:pointer; }
.cloud-browser-row.folder:hover { background:rgba(19,117,91,.07); }
.cloud-browser-row:focus-visible,.cloud-browser button:focus-visible,.cloud-browser a:focus-visible { outline:2px solid #13755b; outline-offset:2px; }
.cloud-browser-name { min-width:0; overflow-wrap:anywhere; }
.cloud-browser-name strong { display:block; white-space:normal; font-size:14px; line-height:1.4; }
.cloud-browser-name small { display:block; font-size:12px; margin-top:3px; opacity:.8; }
.cloud-browser-size { display:block; white-space:nowrap; font-size:13px; font-variant-numeric:tabular-nums; }
.cloud-browser-row.file:hover { background:rgba(19,117,91,.025); }
.cloud-browser-chevron { text-align:center; }
.cloud-browser .cloud-file-del { width:32px; height:36px; }
.cloud-browser-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:14px 0; font-size:13px; }
.cloud-manage .cloud-drop { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:16px; }
.cloud-manage .cloud-drop .toolbar { margin:0; }
.cloud-upload-report { padding:12px; margin:12px 0; border-left:3px solid #13755b; overflow-wrap:anywhere; }
.cloud-upload-report.error { border-color:#ba3948; }
.cloud-upload-report small { display:block; }
.cloud-upload-report ul { max-height:260px; overflow:auto; padding-left:20px; }
.cloud-upload-report li + li { margin-top:10px; }
.cloud-upload-report .toolbar { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.cloud-upload-report .btn { max-width:100%; white-space:normal; text-align:left; }
.cloudx-card .card-head { min-width:0; }
.cloudx-card .card-head strong { overflow-wrap:anywhere; }
@media(max-width:600px) {
  .cloud-browser-row { gap:8px; padding:10px 8px; grid-template-columns:22px minmax(0,1fr) auto 24px; }
  .cloud-browser-row.locked { grid-template-columns:22px minmax(0,1fr) auto; }
  .cloud-browser-name strong { font-size:13px; }
  .cloud-browser-size { font-size:12px; }
  .cloud-payment-lock { padding:12px; }
  .cloud-payment-lock p { font-size:13px; }
  .cloud-browser-pagination span { order:3; width:100%; text-align:center; }
}