/* The account pass ledger uses the same quiet, date-first treatment as Pro. */
.account-page .push-invite { display: grid; gap: 12px; }
.account-page .push-invite[hidden] { display: none; }
.account-page .push-invite p { margin: 0; }
.account-page .push-invite-actions, .account-page .push-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.account-page .push-settings { display: grid; gap: 18px; }
.account-page .push-settings h3 { margin: 0; font-size: 16px; }
.account-page .push-categories { min-width: 0; margin: 0; padding: 0; border: 0; }
.account-page .push-categories legend { margin-bottom: 8px; font-weight: 650; }
.account-page .push-choice { display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 14px; min-height: 62px; padding: 11px 0; border-bottom: 1px solid #e3e9f0; cursor: pointer; }
.account-page .push-choice input { box-sizing: border-box; appearance: none; position: relative; width: 46px; min-width: 46px; height: 26px; min-height: 26px; margin: 0; padding: 0; border: 1px solid rgba(73,95,145,.24); border-radius: 999px; background: #cfd8ea; cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.account-page .push-choice input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(31,48,84,.25); transition: transform .18s ease; }
.account-page .push-choice input:checked { border-color: #365fcb; background: linear-gradient(135deg,#315fce,#7659d8); }
.account-page .push-choice input:checked::after { transform: translateX(20px); }
.account-page .push-choice input:focus-visible { outline: 3px solid rgba(82,107,216,.45); outline-offset: 3px; }
.account-page .push-choice:hover input:not(:checked) { border-color: #8396b7; background: #bdcbe2; }
.account-page .push-choice span { display: grid; gap: 3px; }
.account-page .push-choice strong { color: #20262c; }
.account-page .push-choice small { color: #626b73; line-height: 1.4; }
.account-page .push-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.account-page .push-options label { display: grid; gap: 5px; min-width: 0; }
.account-page .push-options input, .account-page .push-options select { min-width: 0; width: 100%; }
.account-page .push-devices { display: grid; gap: 10px; padding-top: 16px; border-top: 1px solid #e3e9f0; }
.account-page .push-device { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #e3e9f0; }
.account-page .push-device span { min-width: 0; overflow-wrap: anywhere; }
.account-page .push-settings button:focus-visible, .account-page .push-settings input:focus-visible, .account-page .push-settings select:focus-visible, .account-page .push-invite button:focus-visible, .account-page .push-invite a:focus-visible { outline: 3px solid #075da6; outline-offset: 2px; }
@media (max-width: 600px) { .account-page .push-options { grid-template-columns: 1fr; } .account-page .push-device { align-items: flex-start; } }
html[data-upload120-theme="dark"] body.account-page .push-choice,
html[data-upload120-theme="dark"] body.account-page .push-devices,
html[data-upload120-theme="dark"] body.account-page .push-device { border-color: #353943; }
html[data-upload120-theme="dark"] body.account-page .push-choice strong { color: #f1f3f7; }
html[data-upload120-theme="dark"] body.account-page .push-choice small { color: #b0b6c2; }
html[data-upload120-theme="dark"] body.account-page .push-choice input:not(:checked) { border-color: #536783; background: #40536e; }
html[data-upload120-theme="dark"] body.account-page .push-settings button:focus-visible,
html[data-upload120-theme="dark"] body.account-page .push-settings input:focus-visible,
html[data-upload120-theme="dark"] body.account-page .push-settings select:focus-visible { outline-color: #82b7ff; }

.account-page .account-pass-history-panel {
  gap: 0;
  padding: 18px 20px 0;
  border-color: #dfe6ed;
  background: #fff;
  box-shadow: none;
}

.account-page .account-pass-history-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 42px;
  cursor: pointer;
  list-style: none;
}

.account-page .account-pass-history-panel > summary::-webkit-details-marker { display: none; }

.account-page .account-pass-history-panel > summary span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.account-page .account-pass-history-panel > summary .eyebrow {
  margin: 0;
  color: #075da6;
}

.account-page .account-pass-history-panel > summary strong {
  color: #263552;
  font-size: 19px;
  font-weight: 650;
  letter-spacing: -.02em;
}

.account-page .account-pass-history-panel > summary > small {
  max-width: 250px;
  color: #718096;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}

.account-page .account-pass-history-panel > summary::after {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d6e0e8;
  border-radius: 50%;
  color: #075da6;
  content: "+";
  font-size: 17px;
  line-height: 1;
}

.account-page .account-pass-history-panel[open] > summary::after { content: "−"; }

.account-page .account-pass-history-content {
  display: grid;
  gap: 24px;
  margin-top: 22px;
}

.account-page .account-pass-timing {
  display: grid;
  gap: 10px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e3e9f0;
}

.account-page .account-pass-timing-label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #075da6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.2;
  text-transform: uppercase;
}

.account-page .account-pass-timing-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #075da6;
  box-shadow: 0 0 0 4px #eaf3fb;
}

.account-page .account-pass-timing p {
  margin: 0;
  color: #626b73;
  font-size: 14px;
  line-height: 1.55;
}

.account-page .account-pass-timing p strong {
  display: block;
  margin-bottom: 4px;
  color: #20262c;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -.02em;
}

.account-page .account-pass-list {
  display: block;
  margin-top: 0 !important;
  border-top: 1px solid #e3e9f0;
}

.account-page .account-history-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.account-page .account-history-entry {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid #e3e9f0;
}

.account-page .account-history-entry::before {
  position: absolute;
  top: 44px;
  bottom: 0;
  left: 13px;
  width: 1px;
  background: #e3e9f0;
  content: "";
}

.account-page .account-history-entry:last-child::before { display: none; }

.account-page .account-history-node {
  position: relative;
  z-index: 1;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #d5dee8;
  border-radius: 50%;
  background: #fff;
}

.account-page .account-history-node > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7a8795;
}

.account-page .account-history-entry.is-active .account-history-node {
  border-color: #075da6;
  background: #075da6;
}

.account-page .account-history-entry.is-active .account-history-node > span { background: #fff; }
.account-page .account-history-entry-body { min-width: 0; }

.account-page .account-history-entry-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.account-page .account-history-entry h3 {
  margin: 0;
  color: #263552;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -.02em;
  line-height: 1.2;
}

.account-page .account-history-entry-activation {
  margin: 6px 0 0;
  color: #718096;
  font-size: 13px;
  line-height: 1.45;
}

.account-page .account-history-status {
  display: inline-flex;
  width: fit-content;
  min-height: 25px;
  align-items: center;
  flex: 0 0 auto;
  padding: 5px 9px;
  border: 1px solid #d5dee8;
  border-radius: 999px;
  color: #718096;
  background: transparent;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.2;
  text-transform: uppercase;
}

.account-page .account-history-status.is-active {
  border-color: rgba(7, 93, 166, .3);
  color: #075da6;
  background: #eaf3fb;
}

.account-page .account-history-status.is-revoked { color: #9a3c3c; }

.account-page .account-history-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 180px));
  gap: 16px;
  margin: 15px 0 0;
}

.account-page .account-history-meta > div { min-width: 0; }

.account-page .account-history-meta dt {
  color: #718096;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.account-page .account-history-meta dd {
  margin: 5px 0 0;
  color: #263552;
  font-size: 13px;
  line-height: 1.4;
}

.account-page .account-history-empty {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid #e3e9f0;
}

.account-page .account-history-empty-icon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(7, 93, 166, .26);
  border-radius: 50%;
  background: #eaf3fb;
}

.account-page .account-history-empty-icon > span {
  width: 10px;
  height: 10px;
  border: 2px solid #075da6;
  border-radius: 50%;
}

.account-page .account-history-empty h3 {
  margin: 0;
  color: #263552;
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -.02em;
  line-height: 1.25;
}

.account-page .account-history-empty p {
  max-width: 560px;
  margin: 6px 0 16px;
  color: #626b73;
  font-size: 14px;
  line-height: 1.55;
}

.account-page .account-history-empty .secondary-pill { width: fit-content; }

html[data-upload120-theme="dark"] body.account-page .account-pass-history-panel {
  border-color: #353943;
  background: #111216;
}

html[data-upload120-theme="dark"] body.account-page .account-pass-history-panel > summary .eyebrow,
html[data-upload120-theme="dark"] body.account-page .account-pass-timing-label,
html[data-upload120-theme="dark"] body.account-page .account-history-status.is-active {
  color: #82b7ff;
}

html[data-upload120-theme="dark"] body.account-page .account-pass-history-panel > summary strong,
html[data-upload120-theme="dark"] body.account-page .account-pass-timing p strong,
html[data-upload120-theme="dark"] body.account-page .account-history-entry h3,
html[data-upload120-theme="dark"] body.account-page .account-history-meta dd,
html[data-upload120-theme="dark"] body.account-page .account-history-empty h3 {
  color: #f1f3f7;
}

html[data-upload120-theme="dark"] body.account-page .account-pass-history-panel > summary > small,
html[data-upload120-theme="dark"] body.account-page .account-pass-timing p,
html[data-upload120-theme="dark"] body.account-page .account-history-entry-activation,
html[data-upload120-theme="dark"] body.account-page .account-history-status,
html[data-upload120-theme="dark"] body.account-page .account-history-meta dt,
html[data-upload120-theme="dark"] body.account-page .account-history-empty p {
  color: #b0b6c2;
}

html[data-upload120-theme="dark"] body.account-page .account-pass-history-panel > summary::after,
html[data-upload120-theme="dark"] body.account-page .account-pass-timing,
html[data-upload120-theme="dark"] body.account-page .account-pass-list,
html[data-upload120-theme="dark"] body.account-page .account-history-entry,
html[data-upload120-theme="dark"] body.account-page .account-history-empty {
  border-color: #353943;
}

html[data-upload120-theme="dark"] body.account-page .account-pass-timing-dot { background: #82b7ff; box-shadow: 0 0 0 4px #233650; }
html[data-upload120-theme="dark"] body.account-page .account-history-entry::before { background: #353943; }
html[data-upload120-theme="dark"] body.account-page .account-history-node { border-color: #405466; background: #111216; }
html[data-upload120-theme="dark"] body.account-page .account-history-node > span { background: #9aaebe; }
html[data-upload120-theme="dark"] body.account-page .account-history-entry.is-active .account-history-node { border-color: #82b7ff; background: #2b5a7e; }
html[data-upload120-theme="dark"] body.account-page .account-history-entry.is-active .account-history-node > span { background: #f1f3f7; }
html[data-upload120-theme="dark"] body.account-page .account-history-status.is-active { border-color: #596273; background: #233650; }
html[data-upload120-theme="dark"] body.account-page .account-history-status.is-revoked { color: #ffb0ac; }
html[data-upload120-theme="dark"] body.account-page .account-history-empty-icon { border-color: #596273; background: #233650; }
html[data-upload120-theme="dark"] body.account-page .account-history-empty-icon > span { border-color: #82b7ff; }

@media (max-width: 620px) {
  .account-page .account-pass-history-panel > summary > small { display: none; }
  .account-page .account-history-entry-top { display: grid; gap: 11px; }
  .account-page .account-history-meta { grid-template-columns: 1fr; gap: 12px; }
}

/* Page-scoped selection stays compact; item commands remain in context menus. */
.account-page .cloud-list-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  min-height: 44px;
  padding: 4px 12px;
  border-bottom: 1px solid var(--hairline);
  color: var(--muted);
  font-size: 12px;
}
.account-page .cloud-list-summary[hidden] { display: none; }
.account-page .cloud-select-page {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  color: var(--ink);
  cursor: pointer;
}
.account-page .cloud-select-page input { width: 16px; height: 16px; min-height: 16px; margin: 0; accent-color: var(--blue); }
.account-page #cloudListHint { margin-left: auto; }
.account-page #cloudClearSearch { min-height: 36px; }
.account-page .cloud-list-summary :is(input, button):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
html[data-upload120-theme="dark"] .account-page .cloud-list-summary { color: #b8c7d6; border-color: #353943; }
html[data-upload120-theme="dark"] .account-page .cloud-select-page { color: #f1f3f7; }
@media (max-width: 520px) {
  .account-page .cloud-list-summary { gap: 0 12px; }
  .account-page #cloudListHint { order: 3; flex-basis: 100%; margin: 0 0 5px; }
  .account-page #cloudClearSearch { margin-left: auto; }
}

/* Cloud keeps the file list central; upload tools share its compact header. */
.account-page .cloud-manager-panel { gap: 14px; position: relative; }
.account-page .cloud-manager-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.account-page .cloud-manager-head h2 { font-size: 28px; line-height: 1.15; letter-spacing: -.035em; }
.account-page .cloud-manager-head .cloud-scope { margin-top: 6px; font-size: 12px; line-height: 1.4; }
.account-page .cloud-manager-head .cloud-scope strong { font-weight: 600; }
.account-page .cloud-manager-head .cloud-actions { min-height: 40px; padding: 0; border: 0; flex-wrap: nowrap; }
.account-page #cloudUploadFiles { gap: 8px; padding-inline: 15px; }
.account-page #cloudUploadFiles svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.account-page .cloud-command-center { gap: 8px; }
.account-page .cloud-storage-summary { min-height: 24px; }
.account-page .cloud-storage-purpose { font-size: 11px; margin: 0; color: var(--muted); }
.account-page .cloud-browser { --cloud-columns: 22px minmax(0,1fr) 100px 72px 66px 32px; border-radius: 9px; }
.account-page .cloud-list-summary { min-height: 38px; padding-block: 0; }
.account-page #cloudListHint { font-size: 11px; }
.account-page .cloud-item { min-height: 48px; gap: 8px; }
.account-page .cloud-item-main { min-height: 47px; gap: 10px; }
.account-page .cloud-item-main strong { font-weight: 600; }
.account-page .cloud-item-icon { width: 28px; height: 28px; flex-basis: 28px; }
.account-page .cloud-item-thumbnail { width: 32px; height: 32px; flex-basis: 32px; border-radius: 4px; }
.account-page .cloud-item-options { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid transparent; border-radius: 6px; color: var(--muted); background: transparent; cursor: pointer; }
.account-page .cloud-item-options svg { width: 20px; height: 20px; fill: currentColor; }
.account-page .cloud-item-options:hover, .account-page .cloud-item-options[aria-expanded="true"] { color: var(--blue); background: #edf5fd; border-color: #cbdff0; }
.account-page .cloud-item-options:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.account-page .cloud-list-head > span:nth-last-child(2) { text-align: right; }
.account-page .cloud-loading { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 180px; padding: 28px; color: var(--muted); font-size: 13px; }
.account-page .cloud-loading strong { font-weight: 500; overflow-wrap: anywhere; }
.account-page .cloud-loading-mark { width: 18px; height: 18px; flex: 0 0 18px; border: 2px solid var(--hairline); border-top-color: var(--blue); border-radius: 50%; animation: cloud-loading-turn .8s linear infinite; }
@keyframes cloud-loading-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .account-page .cloud-loading-mark { animation: none; } }
.account-page .cloud-manager-panel.is-file-drop .cloud-browser { outline: 2px dashed var(--blue); outline-offset: -5px; background: #f1f7fd; }
.account-page .cloud-manager-panel.is-file-drop .cloud-storage-purpose { color: var(--blue); font-weight: 600; }
.account-page .cloud-file-facts { display: grid; gap: 0; margin: 0; }
.account-page .cloud-file-facts > div { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--hairline); font-size: 13px; }
.account-page .cloud-file-facts > div:last-child { border: 0; }
.account-page .cloud-file-facts dt { color: var(--muted); }
.account-page .cloud-file-facts dd { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.account-page .cloud-share-limitation { padding: 12px; border: 1px solid var(--hairline); border-radius: 7px; color: var(--muted); font-size: 13px; }

/* Transfer rows keep filename, status and recovery controls stable during progress. */
.account-page .cloud-transfers { margin: 0; padding: 0; border-radius: 9px; overflow: hidden; }
.account-page .cloud-transfer-toolbar { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 14px; background: #f7f9fb; }
.account-page .cloud-transfer-toolbar > strong { font-size: 13px; font-weight: 650; }
.account-page #cloudTransferSummary { color: var(--muted); font-size: 11px; }
.account-page #cloudTransfersToggle { margin-left: auto; min-height: 28px; font-size: 12px; }
.account-page #cloudTransferBody > p { margin: 0; padding: 9px 14px; border-top: 1px solid var(--hairline); font-size: 11px; line-height: 1.5; }
.account-page .cloud-transfers ul { max-height: 244px; scrollbar-gutter: stable; }
.account-page .cloud-transfers li { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 16px; row-gap: 4px; padding: 12px 14px; }
.account-page .cloud-transfer-heading { grid-column: 1 / -1; align-items: baseline; gap: 16px; }
.account-page .cloud-transfer-heading strong { font-size: 13px; font-weight: 600; }
.account-page .cloud-transfer-heading span { font-size: 11px; color: var(--muted); }
.account-page .cloud-transfer-destination { grid-column: 1; font-size: 11px; }
.account-page .cloud-transfers progress { grid-column: 1 / -1; height: 4px; margin: 5px 0 2px; border: 0; border-radius: 2px; overflow: hidden; }
.account-page .cloud-transfers progress::-webkit-progress-bar { background: #e7edf3; }
.account-page .cloud-transfers progress::-webkit-progress-value { background: var(--blue); }
.account-page .cloud-transfers li[data-status="complete"] progress::-webkit-progress-value { background: #3b8366; }
.account-page .cloud-transfers li[data-status="complete"] .cloud-transfer-heading span { color: #2f7559; }
.account-page .cloud-transfers li[data-status="failed"] .cloud-transfer-heading span { color: #a23c35; }
.account-page .cloud-transfer-detail { grid-column: 1; margin: 0; font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.account-page .cloud-transfer-actions { grid-column: 2; grid-row: 4; align-self: center; }
.account-page .cloud-transfer-actions button { min-height: 28px; padding: 0 4px; font-size: 12px; }
.account-page .cloud-transfer-error { grid-column: 1 / -1; grid-row: 5; margin: 0; line-height: 1.5; }
.account-page .cloud-transfer-error:empty { display: none; }
html[data-upload120-theme="dark"] .account-page .cloud-transfer-toolbar { background: #1b2936; }
html[data-upload120-theme="dark"] .account-page .cloud-item-options:hover,
html[data-upload120-theme="dark"] .account-page .cloud-item-options[aria-expanded="true"] { color: #a8d1f5; background: #233650; border-color: #596273; }
html[data-upload120-theme="dark"] .account-page .cloud-transfers progress::-webkit-progress-bar { background: #353943; }
html[data-upload120-theme="dark"] .account-page .cloud-transfers li[data-status="complete"] .cloud-transfer-heading span { color: #91d8b6; }
html[data-upload120-theme="dark"] .account-page .cloud-transfers li[data-status="failed"] .cloud-transfer-heading span { color: #ffb0ac; }
html[data-upload120-theme="dark"] .account-page .cloud-manager-panel.is-file-drop .cloud-browser { background: #233650; }
@media (min-width: 1000px) {
  .account-page .cloud-toolbar { grid-template-columns: 36px minmax(120px,1fr) minmax(140px,220px) 100px 36px; }
  .account-page .cloud-toolbar :is(.cloud-breadcrumbs,.cloud-search,.cloud-sort-label,.cloud-sort-direction) { grid-column: auto; min-width: 0; }
  .account-page .cloud-sort-label select { width: 100%; min-width: 0; box-sizing: border-box; }
  .account-page .cloud-toolbar :is(.cloud-navigation-button,.cloud-sort-direction) { width: 36px; }
  .account-page .cloud-toolbar :is(.cloud-navigation-button,.cloud-sort-direction,.cloud-breadcrumbs,.cloud-search input,.cloud-sort-label select) { min-height: 38px; height: 38px; }
  .account-page .cloud-breadcrumbs button { min-height: 36px; }
}
@media (max-width: 700px) {
  .account-page .cloud-manager-head { flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
  body.account-popup-embedded .cloud-manager-head { padding-right: 0; }
  .account-page .cloud-manager-head .cloud-actions { width: 100%; flex-wrap: wrap; }
  .account-page .cloud-manager-head .cloud-trash-toggle { margin-left: auto; }
  .account-page .cloud-browser { --cloud-columns: 22px minmax(0,1fr) 80px 60px 32px; }
  .account-page .cloud-item-kind, .account-page .cloud-list-head > span:nth-child(4) { display: none; }
  .account-page #cloudListHint { display: none; }
}
@media (max-width: 520px) {
  .account-page .cloud-manager-head #cloudDownloadFolder { order: 1; margin-left: auto; }
  .account-page .cloud-item { grid-template-columns: 22px minmax(0,1fr) 44px; min-height: 60px; gap: 8px; }
  .account-page .cloud-item-main { min-height: 59px; }
  .account-page .cloud-item-options { grid-column: 3; grid-row: 1; width: 44px; height: 44px; }
  .account-page .cloud-item-size { display: none; }
  .account-page .cloud-item-main small { font-size: 11px; }
  .account-page .cloud-transfer-toolbar { gap: 8px; padding-inline: 12px; }
  .account-page .cloud-transfers li { padding-inline: 12px; column-gap: 8px; }
  .account-page .cloud-transfer-heading { align-items: flex-start; }
  .account-page .cloud-transfer-heading span { max-width: 100px; text-align: right; }
}

/* Everyday actions stay visible; occasional folder tools share one menu. */
.account-page .cloud-tools-menu, .account-page .cloud-upload-menu { position: relative; }
.account-page .cloud-tools-menu summary, .account-page .cloud-upload-menu summary { list-style: none; cursor: pointer; }
.account-page .cloud-tools-menu summary::-webkit-details-marker, .account-page .cloud-upload-menu summary::-webkit-details-marker { display: none; }
.account-page .cloud-tools-menu summary { font-size: 17px; letter-spacing: 1px; }
.account-page .cloud-tools-menu .cloud-add-menu-popover { left: 0; right: auto; min-width: 170px; z-index: 20; }
.account-page .cloud-tools-menu .cloud-add-menu-popover button { width: 100%; margin: 0; justify-content: flex-start; border: 0; background: transparent; border-radius: 4px; font-size: 12px; padding: 8px 10px; height: auto; }
.account-page .cloud-tools-menu #cloudRefresh { font-size: 0; }
.account-page .cloud-tools-menu #cloudRefresh::after { content: attr(title); font-size: 12px; }
.account-page .cloud-tools-menu #cloudRefresh svg { display: none; }
.account-page .cloud-upload-menu { margin-left: -8px; }
.account-page .cloud-upload-menu summary { padding-inline: 10px; min-width: 32px; }
.account-page .cloud-upload-menu .cloud-add-menu-popover { min-width: 170px; z-index: 20; }
.account-page .cloud-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
.account-page .cloud-breadcrumbs { flex: 1; border: 0; background: transparent; padding: 0; min-width: 120px; }
.account-page .cloud-search { width: 220px; margin-left: auto; }
.account-page .cloud-sort-label { width: 105px; }
.account-page .cloud-sort-direction { flex: 0 0 36px; }
.account-page .cloud-workspace-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; }
.account-page .cloud-workspace-footer .cloud-storage-summary { display: flex; flex-wrap: wrap; gap: 6px; border: 0; padding: 0; font-size: 11px; }
.account-page .cloud-workspace-footer .cloud-storage-summary small { font-size: 11px; }
.account-page .cloud-workspace-footer .cloud-storage-meter { display: none; }
.account-page .cloud-workspace-footer .cloud-storage-notice { width: 100%; }
.account-page .cloud-selection-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-left: auto; }
.account-page .cloud-selection-actions button { min-height: 36px; font-size: 12px; }
.account-page .cloud-list-summary:has(.cloud-selection-actions:not([hidden])) { background: #edf5fd; }
.account-page .cloud-transfers { position: fixed; bottom: 18px; right: 22px; width: min(400px, calc(100vw - 32px)); z-index: 35; background: var(--paper, #fff); box-shadow: 0 8px 35px #172e4826; }
.account-page .cloud-manager-panel:has(.cloud-transfers:not([hidden])) { padding-bottom: 360px; }
html[data-upload120-theme="dark"] .account-page .cloud-transfers { background: #152331; }
html[data-upload120-theme="dark"] .account-page .cloud-list-summary:has(.cloud-selection-actions:not([hidden])) { background: #233650; }
@media(max-width:700px) {
 .account-page .cloud-manager-head .cloud-actions { width: auto; margin-left: auto; }
 .account-page .cloud-manager-head { align-items: center; }
 .account-page .cloud-search { order: 2; flex: 1 1 100%; width: 100%; }
 .account-page .cloud-breadcrumbs { min-width: 80px; }
 .account-page .cloud-sort-label { width: 90px; }
 .account-page .cloud-selection-actions { width: 100%; margin: 0; gap: 4px 12px; }
 .account-page .cloud-list-summary { flex-wrap: wrap; padding-block: 6px; }
 .account-page .cloud-transfers { bottom: 12px; right: 16px; }
}
.account-page #cloudUp[hidden], .account-page .cloud-selection-actions[hidden], .account-page .cloud-upload-menu[hidden], .account-page .cloud-tools-menu button[hidden] { display: none !important; }
@media(max-width:700px) {
 .account-page .cloud-manager-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
 .account-page .cloud-manager-head > div:first-child { min-width: 0; }
 .account-page .cloud-manager-head .cloud-scope { flex-wrap: wrap; gap: 2px 6px; }
 .account-page .cloud-manager-head .cloud-actions { gap: 6px; flex-wrap: nowrap; }
 .account-page .cloud-manager-head #cloudUploadFiles { padding-inline: 10px; }
 .account-page .cloud-toolbar { display: grid; grid-template-columns: 36px 36px minmax(0,1fr) 90px 36px; gap: 8px; }
 .account-page #cloudUp { grid-column: 1; grid-row: 1; }
 .account-page .cloud-tools-menu { grid-column: 2; grid-row: 1; }
 .account-page .cloud-toolbar .cloud-breadcrumbs { grid-column: 3 / -1; grid-row: 1; min-width: 0; }
 .account-page .cloud-toolbar:has(#cloudUp[hidden]) .cloud-tools-menu { grid-column: 1; }
 .account-page .cloud-toolbar:has(#cloudUp[hidden]) .cloud-breadcrumbs { grid-column: 2 / -1; }
 .account-page .cloud-toolbar .cloud-search { grid-column: 1 / 4; grid-row: 2; width: 100%; min-width: 0; }
 .account-page .cloud-toolbar .cloud-sort-label { grid-column: 4; grid-row: 2; min-width: 0; width: 90px; }
 .account-page .cloud-toolbar .cloud-sort-label select { min-width: 0; width: 100%; }
 .account-page .cloud-toolbar .cloud-sort-direction { grid-column: 5; grid-row: 2; }
}

/* Text already identifies New; keep icons for navigation and distinct item types. */
.account-page .cloud-add-menu summary::after { content: none; }

/* Folder names retain a navigation cue without icons or tinted rows. */
.account-page .cloud-item-icon:empty { display: none; }
.account-page .cloud-item-folder .cloud-item-main strong { color: #174d7e; font-weight: 700; }
html[data-upload120-theme="dark"] body.account-page .cloud-item-folder .cloud-item-main strong { color: #c0d9f0; }

/* Give independent actions breathing room and keep their menus on screen. */
.account-page .cloud-manager-head .cloud-actions { gap: 12px; }
.account-page .cloud-upload-menu { margin-left: 0; }
.account-page .cloud-manager-head .cloud-actions :is(button,summary) { min-height: 44px; }
.account-page .cloud-upload-menu summary { min-width: 44px; padding-inline: 12px; }
.account-page .cloud-add-menu summary { min-width: 68px; }
.account-page .cloud-actions .cloud-add-menu-popover { left: auto; right: 0; max-width: calc(100vw - 32px); z-index: 40; }
.account-page .cloud-add-menu-popover button, .account-page .cloud-tools-menu .cloud-add-menu-popover button { min-height: 44px; padding: 10px 12px; }
.account-page .cloud-toolbar :is(.cloud-navigation-button,.cloud-sort-direction) { min-width: 44px; width: 44px; min-height: 44px; height: 44px; }
.account-page .cloud-toolbar :is(.cloud-breadcrumbs,.cloud-search input,.cloud-sort-label select) { min-height: 44px; height: 44px; }
.account-page .cloud-breadcrumbs button { min-height: 44px; }
.account-page .cloud-browser { --cloud-columns: 22px minmax(0,1fr) 100px 72px 66px 44px; }
.account-page .cloud-item-options { width: 44px; height: 44px; }
.account-page .cloud-selection-actions { gap: 8px 12px; }
.account-page .cloud-selection-actions button { min-height: 44px; padding-inline: 8px; }
.account-page #cloudTransfersToggle { min-height: 44px; padding-inline: 8px; }
.account-page .cloud-transfer-actions { gap: 12px; }
.account-page .cloud-transfer-actions button { min-width: 44px; min-height: 44px; padding: 8px; }
.account-page .cloud-manager-panel:has(.cloud-transfers:not([hidden])):has(#cloudTransferBody[hidden]) { padding-bottom: 80px; }
@media(max-width:700px) {
 .account-page .cloud-toolbar { grid-template-columns: 44px 44px minmax(0,1fr) 90px 44px; }
 .account-page .cloud-sort-direction { flex-basis: 44px; }
 .account-page .cloud-browser { --cloud-columns: 22px minmax(0,1fr) 80px 60px 44px; }
}
@media(max-width:420px) {
 .account-page .cloud-manager-head { grid-template-columns: minmax(0,1fr); gap: 16px; }
 .account-page .cloud-manager-head .cloud-actions { margin-left: 0; justify-content: flex-start; }
 .account-page .cloud-upload-menu .cloud-add-menu-popover { left: 0; right: auto; }
}
.account-page .cloud-browser { --cloud-columns: 44px minmax(0,1fr) 100px 72px 66px 44px; }
.account-page .cloud-item-check { width: 44px; min-height: 44px; }
.account-page .cloud-select-page { min-height: 44px; }
.account-page .cloud-add-menu-popover { overflow-y: auto; }
@media(max-width:700px) { .account-page .cloud-browser { --cloud-columns: 44px minmax(0,1fr) 80px 60px 44px; } }
@media(max-width:520px) { .account-page .cloud-item { grid-template-columns: 44px minmax(0,1fr) 44px; } }

/* Reuse the public site's blue/lilac accent and neutral light/dark tokens. */
body.account-page #cloud {
  --cloud-surface: var(--white);
  --cloud-raised: var(--pearl);
  --cloud-hover: var(--parchment);
  --cloud-selected: #edf3ff;
  color: var(--ink);
  background: var(--cloud-surface);
}
html[data-upload120-theme="dark"] body.account-page #cloud {
  --cloud-surface: var(--upload120-dark-page);
  --cloud-raised: var(--upload120-dark-surface);
  --cloud-hover: var(--upload120-dark-surface-raised);
  --cloud-selected: #252d43;
}
body.account-page #cloud #cloudUploadFiles {
  color: #fff;
  border-color: #315fce;
  background: #315fce;
}
body.account-page #cloud #cloudUploadFiles:not(:disabled):hover { filter: brightness(1.06); }
body.account-page #cloud :is(.cloud-browser,.cloud-item,.cloud-list-head,.cloud-list-summary,.cloud-add-menu-popover,.cloud-context-menu,.cloud-transfers) { border-color: var(--hairline); }
body.account-page #cloud :is(.cloud-browser,.cloud-breadcrumbs,.cloud-search input,.cloud-sort-label select,.cloud-navigation-button,.cloud-sort-direction) { color: var(--ink); background: var(--cloud-surface); border-color: var(--hairline); }
body.account-page #cloud :is(.cloud-add-menu summary,.cloud-upload-menu summary) { color: var(--blue); background: var(--cloud-surface); border-color: transparent; }
body.account-page #cloud :is(.cloud-list-head,.cloud-transfer-toolbar,.cloud-add-menu-popover,.cloud-context-menu,.cloud-transfers) { background: var(--cloud-raised); }
body.account-page #cloud :is(.cloud-add-menu-popover button,.cloud-context-menu :is(button,a),.cloud-transfer-heading strong,.cloud-breadcrumbs button[aria-current="page"]) { color: var(--ink); }
body.account-page #cloud :is(.cloud-item-date,.cloud-item-kind,.cloud-item-size,.cloud-item-main small,.cloud-list-head,.cloud-storage-summary,.cloud-storage-summary small,.cloud-transfer-detail,.cloud-transfer-destination,.cloud-transfer-heading span) { color: var(--muted); }
body.account-page #cloud .cloud-item-folder .cloud-item-main strong { color: var(--blue); }
body.account-page #cloud .cloud-item:hover { background: var(--cloud-hover); }
body.account-page #cloud :is(.cloud-item.is-selected,.cloud-item.has-context-menu,.cloud-list-summary:has(.cloud-selection-actions:not([hidden]))) { background: var(--cloud-selected); }
body.account-page #cloud :is(.cloud-item-options,.cloud-navigation-button,.cloud-sort-direction,.cloud-add-menu-popover button,.cloud-context-menu :is(button,a)):hover { color: var(--blue); background: var(--cloud-hover); }
body.account-page #cloud :is(button,summary,input,select,a):focus-visible { outline: 2px solid var(--blue-focus); outline-offset: 2px; }
/* Preserve semantic error/success colors instead of treating status as decoration. */
body.account-page #cloud .cloud-context-menu .cloud-context-danger { color: #a23c35; }
body.account-page #cloud .cloud-transfers li[data-status="failed"] .cloud-transfer-heading span { color: #a23c35; }
body.account-page #cloud .cloud-transfers li[data-status="complete"] .cloud-transfer-heading span { color: #2f7559; }
html[data-upload120-theme="dark"] body.account-page #cloud :is(.cloud-context-menu .cloud-context-danger,.cloud-transfers li[data-status="failed"] .cloud-transfer-heading span) { color: #ffb0ac; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-transfers li[data-status="complete"] .cloud-transfer-heading span { color: #91d8b6; }

/* Dark Cloud uses distinct neutral canvas, list, and overlay layers. */
html[data-upload120-theme="dark"] body.account-page #cloud {
  --cloud-surface: #111216;
  --cloud-raised: #1a1c22;
  --cloud-hover: #292e38;
  --cloud-selected: #233650;
}
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-browser { background: #1a1c22; border-color: #2a2d35; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-item { border-color: #2a2d35; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-list-head { background: #1a1c22; color: #b0b6c2; }
html[data-upload120-theme="dark"] body.account-page #cloud :is(.cloud-search input,.cloud-sort-label select,.cloud-navigation-button,.cloud-sort-direction,.cloud-add-menu summary,.cloud-upload-menu summary) { background: #1a1c22; border-color: #596273; }
html[data-upload120-theme="dark"] body.account-page #cloud :is(.cloud-add-menu summary,.cloud-upload-menu summary) { box-shadow: none; color: #d6dce6; }
html[data-upload120-theme="dark"] body.account-page #cloud :is(.cloud-context-menu,.cloud-add-menu-popover,.cloud-transfers) { border-color: #2a2d35; background: #1a1c22; box-shadow: 0 18px 48px #0007; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-transfer-toolbar { background: #1a1c22; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-transfers progress::-webkit-progress-bar { background: #414957; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-transfers progress::-webkit-progress-value { background: #82b7ff; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-transfers li[data-status="complete"] progress::-webkit-progress-value { background: #91d8b6; }
html[data-upload120-theme="dark"] body.account-page #cloud .cloud-status.is-error { color: #ffb0ac; background: #302124; border-color: #68434a; }
html[data-upload120-theme="dark"] body.account-page #cloud :is(.cloud-empty,.cloud-loading) { color: #b0b6c2; }