/* Focus uses the website palette inherited from styles.css. */
body.cloud-page {
  --ink: inherit;
  --muted: inherit;
  --line: inherit;
  --paper: inherit;
  --soft: inherit;
  --accent: inherit;
  --warm: inherit;
  background: var(--paper);
  font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
}
.cloud-page .site-header { min-height: 104px; border: 0; }
.cloud-page .site-header { flex-direction: row; align-items: center; flex-wrap: nowrap; }
.cloud-page .brand { font-size: 14px; white-space: nowrap; flex-shrink: 0; }
.cloud-page .site-header nav { width: auto; flex: 0 0 auto; margin: 0; }
.cloud-page .site-header nav a { font-size: 12px; font-weight: 450; }
.cloud-page .cloud-dashboard-shell { width: min(760px, calc(100% - 40px)); padding: 32px 0 60px; }
.cloud-page .cloud-dashboard-intro { width: 100%; margin: 0 0 32px; text-align: center; }
.cloud-page .cloud-dashboard-intro h1 { font-size: clamp(34px, 4vw, 42px); font-weight: 450; letter-spacing: -.05em; margin: 0; }
.cloud-page .cloud-dashboard-intro h1 span { color: var(--warm); }
.cloud-page #downloads-app { justify-content: flex-start; }
.cloud-page .cloud-dashboard { display: block; }
.cloud-page .cloud-workspace-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.cloud-page .cloud-workspace-card > .cloud-downloader { padding: 0; border: 0; }
.cloud-page .web-downloader__form { display: block; }
.cloud-page .web-downloader__bar { display: flex; align-items: center; min-height: 68px; gap: 16px; padding: 9px 9px 9px 20px; border: 1px solid var(--line); border-radius: 14px; background: #fffdf8; box-shadow: 0 4px 24px #37251605; }
.cloud-page .web-downloader__bar:focus-within { border-color: var(--line); box-shadow: 0 4px 24px #37251605; transform: none; }
.cloud-page .web-downloader__bar input:focus-visible { outline: none; box-shadow: none; }
.cloud-page .focus-link-icon { width: 20px; height: 20px; flex-shrink: 0; color: var(--muted); }
.cloud-page .web-downloader__bar input { flex: 1; min-width: 0; padding: 8px 0; font-size: 16px; background: transparent; border: 0; box-shadow: none; color: var(--ink); }
.cloud-page .web-downloader__bar input::placeholder { color: var(--muted); opacity: .8; }
.cloud-page .web-downloader__bar .web-downloader__submit { flex: 0 0 48px; display: grid; place-items: center; width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 0; border-radius: 9px; }
.cloud-page .web-downloader__submit > svg { grid-area: 1 / 1; }
.cloud-page .web-downloader__submit.is-loading > svg { visibility: hidden; }
.cloud-page .web-downloader__submit.is-loading::after { grid-area: 1 / 1; margin: 0; }
.cloud-page .button--primary { background: var(--accent); border-color: var(--accent); color: var(--paper); box-shadow: none; }
.cloud-page .button--primary:hover:not(:disabled) { background: #34312d; border-color: #34312d; }
.cloud-page .focus-toolbar { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin: 14px 0 0; }
.cloud-page .focus-toolbar > .web-downloader__destinations { flex: 1; margin: 0; display: flex; flex-wrap: wrap; gap: 4px; padding: 0; }
.cloud-page .focus-toolbar > .web-downloader__destinations legend.visually-hidden { width: 1px; height: 1px; padding: 0; margin: -1px; }
.cloud-page .focus-toolbar > .web-downloader__destinations label { position: relative; width: auto; min-height: 38px; padding: 7px 10px; border-radius: 7px; background: transparent; border: 1px solid transparent; color: var(--muted); font-size: 11px; font-weight: 450; gap: 7px; }
.cloud-page .focus-toolbar > .web-downloader__destinations label:has(input:checked) { background: var(--soft); border-color: var(--line); color: var(--ink); }
.cloud-page .focus-toolbar > .web-downloader__destinations input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cloud-page .focus-toolbar > .web-downloader__destinations label:has(input:focus-visible) { outline: 2px solid #888; outline-offset: 3px; }
.cloud-page .focus-toolbar > .web-downloader__destinations :is(img, svg) { width: 15px; height: 15px; }
.cloud-page .web-downloader__status:empty { display: none; }
.cloud-page :is(.focus-account, .focus-settings) > summary { display: grid; place-items: center; width: 38px; height: 38px; list-style: none; cursor: pointer; border-radius: 8px; color: var(--muted); }
.cloud-page :is(.focus-account, .focus-settings) > summary::-webkit-details-marker { display: none; }
.cloud-page :is(.focus-account, .focus-settings) > summary:focus-visible { outline: 2px solid #888; outline-offset: 3px; }
.cloud-page :is(.focus-account, .focus-settings)[open] > summary { background: var(--soft); color: var(--ink); }
.cloud-page .focus-account { position: absolute; top: 33px; right: var(--dashboard-gutter); z-index: 5; }
.cloud-page .focus-account > summary { border-radius: 50%; background: var(--soft); color: var(--ink); font-size: 12px; }
.cloud-page .focus-account .cloud-subscription-card { position: absolute; right: 0; top: 50px; width: min(520px, calc(100vw - 40px)); max-height: calc(100dvh - 116px); overflow-y: auto; display: grid; grid-template-columns: 1fr; padding: 24px; gap: 24px; background: var(--paper); border: 1px solid var(--line); box-shadow: 0 16px 48px #37251616; border-radius: 14px; }
.cloud-page .cloud-dashboard > .cloud-subscription-card { margin: 0 0 48px; }
.cloud-page .focus-payment[data-minimized] { grid-template-columns: minmax(0, 1fr); }
.cloud-page .focus-payment > .cloud-entitlement[hidden] { display: none; }
.cloud-page .focus-payment__account-actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.cloud-page .focus-payment__toggle { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; }
.cloud-page .focus-payment__toggle:hover { background: var(--soft); color: var(--ink); }
.cloud-page .focus-payment .cloud-account-card__identity { min-width: 0; }
.cloud-page .focus-payment .cloud-account-card__identity > span:last-child { min-width: 0; }
.cloud-page .focus-payment .cloud-account-card__identity strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cloud-page .focus-payment .cloud-account-avatar { flex-shrink: 0; }
.cloud-page .focus-payment .cloud-entitlement:not(.is-paid) .cloud-entitlement__actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; }
.cloud-page .focus-payment .cloud-entitlement:not(.is-paid) .cloud-entitlement__actions > .button { width: 100%; }
.cloud-page .focus-payment .cloud-entitlement__secondary-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cloud-page .focus-payment .cloud-entitlement__secondary-actions .cloud-text-button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: transparent; font-size: 12px; font-weight: 500; line-height: 1.4; text-decoration: none; }
.cloud-page .focus-payment .cloud-entitlement__secondary-actions svg { flex-shrink: 0; }
.cloud-page .focus-payment .cloud-entitlement__secondary-actions button:hover:not(:disabled) { background: var(--soft); }
.cloud-page .focus-payment .cloud-entitlement__secondary-actions button:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 520px) {
  .cloud-page .focus-payment .cloud-entitlement__secondary-actions { grid-template-columns: minmax(0, 1fr); }
}
.cloud-page .cloud-extensionpay-steps li { background: var(--soft); }
.cloud-page .cloud-account-avatar { background: var(--soft); color: var(--warm); }
.cloud-page :is(.cloud-text-button, .web-downloader__account-button, .cloud-folder-picker__add, .cloud-activity__details summary, .cloud-activity__manage summary, .device-download-retry) { color: var(--ink); }
.cloud-page .focus-settings { position: relative; flex-shrink: 0; z-index: 4; }
.cloud-page .focus-settings-panel { position: absolute; top: 48px; right: 0; width: min(540px, calc(100vw - 40px)); max-height: min(560px, 65dvh); overflow-y: auto; padding: 24px; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 16px 48px #37251616; background: var(--paper); }
.cloud-page .focus-settings-panel .cloud-connections { border: 0; border-top: 1px solid var(--line); background: transparent; box-shadow: none; border-radius: 0; padding: 20px 0; }
.cloud-page .focus-settings-panel .cloud-provider-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.cloud-page .focus-settings-panel h2 { font-size: 16px; }
.cloud-page .focus-settings-panel :is(.web-downloader__support, .cloud-connections__privacy) { font-size: 12px; line-height: 1.6; }
.cloud-page .focus-settings-panel .web-downloader__destinations label { background: var(--soft); color: var(--ink); }
.cloud-page .focus-settings-panel .web-downloader__destinations label:has(input:checked) { border-color: var(--ink); background: var(--soft); color: var(--ink); }
.cloud-page .focus-settings-panel .web-downloader__destinations input { accent-color: var(--ink); }
.cloud-page .cloud-provider-card { border-color: var(--line); }
.cloud-page .cloud-provider-card button { background: var(--soft); border-color: var(--line); color: var(--ink); }
.cloud-page .cloud-workspace-card .cloud-folder-picker { margin-top: 16px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); }
.cloud-page .cloud-workspace-card > .cloud-history { margin-top: 48px; padding: 0; border: 0; }
.cloud-page .cloud-activity__heading { padding-bottom: 16px; border-bottom: 0; }
.cloud-page .cloud-activity__heading h2 { font-size: 13px; font-weight: 550; letter-spacing: -.015em; }
.cloud-page .cloud-activity__filters { background: transparent; padding: 0; }
.cloud-page .cloud-activity__filters button { min-height: 36px; font-size: 11px; border-radius: 6px; padding: 8px 10px; }
.cloud-page .cloud-activity__filters button[aria-pressed="true"] { background: var(--soft); box-shadow: none; }
.cloud-page .cloud-activity__row { padding: 20px 0; }
.cloud-page .cloud-activity__row-heading strong { font-size: 12px; font-weight: 500; }
.cloud-page .cloud-activity__meta { font-size: 11px; }
.cloud-page .cloud-activity__icon { color: var(--muted); }
.cloud-page .cloud-activity__details summary { padding: 3px 0; min-height: 24px; font-size: 11px; color: var(--muted); }
.cloud-page :is(.cloud-activity__details, .cloud-activity__manage) > summary { display: flex; align-items: center; gap: 4px; list-style: none; }
.cloud-page :is(.cloud-activity__details, .cloud-activity__manage) > summary::-webkit-details-marker { display: none; }
.cloud-page :is(.cloud-activity__details, .cloud-activity__manage)[open] > summary > svg { transform: rotate(90deg); }
.cloud-page .cloud-folder-picker__add { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.cloud-page .cloud-workspace-card .cloud-empty-state { text-align: center; padding: 44px 0; font-size: 12px; }
.cloud-page .cloud-login-card { background: transparent; box-shadow: none; border: 0; max-width: 380px; }
.cloud-page .cloud-login-card h1 { font-weight: 450; }
.cloud-page .cloud-google-button { background: #fffdf8; border-color: var(--line); }
.cloud-page .cloud-dashboard-footer { border: 0; min-height: 72px; padding: 20px 0; }
.cloud-page .cloud-dashboard-footer, .cloud-page .cloud-dashboard-footer a { font-size: 11px; font-weight: 400; color: var(--muted); }
.cloud-page .cloud-media-picker__item { border-color: var(--line); background: transparent; }
.cloud-page .cloud-media-picker__item.is-selected { background: var(--soft); border-color: var(--line); }
.cloud-page .cloud-media-picker__check { accent-color: var(--ink); }
.cloud-page .cloud-media-picker__item.is-selected .cloud-media-picker__check { background: var(--ink); border-color: var(--ink); }
.cloud-page .cloud-media-picker__bulk-actions button { color: var(--ink); }
.cloud-page .cloud-media-picker__heading h3 { font-size: 15px; }
.cloud-page :is(button, a, input, select):focus-visible { outline: 2px solid #888; }
.cloud-page .cloud-folder-picker button { background: var(--soft); color: var(--ink); }
.cloud-page .cloud-transfer-progress progress { accent-color: var(--warm); }
.cloud-page .cloud-transfer-progress progress::-webkit-progress-value { background: var(--warm); }
.cloud-page .cloud-transfer-progress progress::-moz-progress-bar { background: var(--warm); }
@media (max-width: 760px) {
  .cloud-page .site-header { min-height: 84px; gap: 12px; }
  .cloud-page .brand { font-size: 12px; gap: 8px; }
  .cloud-page .brand img { width: 28px; height: 28px; }
  .cloud-page .focus-account { top: 24px; }
  .cloud-page .cloud-dashboard-shell { padding-top: 24px; }
  .cloud-page .cloud-dashboard-intro { margin-bottom: 30px; text-align: center; }
  .cloud-page .web-downloader__bar { gap: 10px; padding-left: 14px; min-height: 62px; }
  .cloud-page .web-downloader__bar input { font-size: 16px; }
  .cloud-page .web-downloader__bar .web-downloader__submit { flex-basis: 42px; width: 42px; min-width: 42px; height: 42px; min-height: 42px; }
  .cloud-page .focus-toolbar { gap: 4px; }
  .cloud-page .focus-toolbar > .web-downloader__destinations { gap: 1px; }
  .cloud-page .focus-toolbar > .web-downloader__destinations label { padding: 7px 6px; gap: 5px; font-size: 10px; }
  .cloud-page .focus-settings-panel { padding: 18px; }
  .cloud-page .cloud-workspace-card > .cloud-history { margin-top: 42px; }
  .cloud-page .cloud-activity__row-heading { flex-wrap: wrap; }
  .cloud-page .focus-account .cloud-subscription-card { padding: 18px; }
}

/* Consistent page gutters and separation around the account bar. */
.cloud-page .site-header, .cloud-page .cloud-dashboard-footer { width: min(760px, calc(100% - 40px)); margin-inline: auto; padding-inline: 0; }
.cloud-page .cloud-dashboard > .cloud-subscription-card { padding: 24px; }
@media (max-width: 760px) {
  .cloud-page .cloud-dashboard > .cloud-subscription-card { padding: 20px; margin-bottom: 36px; }
  .cloud-page .cloud-dashboard-intro { margin-bottom: 24px; }
  .cloud-page .cloud-workspace-card > .cloud-history { margin-top: 36px; }
}

.cloud-page .focus-connect { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font-size: 12px; font-weight: 500; cursor: pointer; }
.cloud-page .focus-connect:hover:not(:disabled) { background: var(--soft); border-color: var(--muted); }
.cloud-page .focus-connect:disabled { opacity: .6; cursor: wait; }
.cloud-page .focus-connect img { flex-shrink: 0; }
@media (max-width: 520px) { .cloud-page .focus-toolbar > .web-downloader__destinations { gap: 8px; } .cloud-page .focus-connect { padding: 8px 10px; } }

/* Activity cards share a responsive grid. */
.cloud-page .cloud-activity__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; align-items: start; }
.cloud-page .cloud-activity__list .cloud-activity__row { display: flex; flex-direction: column; gap: 18px; min-width: 0; min-height: 205px; padding: 22px; border: 0; border-radius: 14px; background: #fffdf8; }
.cloud-page .cloud-activity__body { width: 100%; min-width: 0; }
.cloud-page .cloud-activity__row-heading { flex-direction: column; align-items: flex-start; gap: 10px; }
.cloud-page .cloud-activity__row-heading strong { white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 1.5; }
.cloud-page .cloud-activity__status { font-size: 11px; }
.cloud-page .cloud-activity__meta { margin: 10px 0; line-height: 1.7; }
.cloud-page .cloud-activity__details { margin-top: 12px; }
.cloud-page .cloud-activity__manage { margin-top: 20px; border-top: 0; }
@media (max-width: 520px) { .cloud-page .cloud-activity__list { grid-template-columns: minmax(0, 1fr); gap: 12px; } .cloud-page .cloud-activity__list .cloud-activity__row { padding: 20px; min-height: 0; } }

.cloud-page .focus-processing { margin-top: 18px; }
.cloud-page .focus-processing .web-downloader__destinations { display: flex; align-items: center; gap: 6px; padding: 0; margin: 0; border: 0; }
.cloud-page .focus-processing .web-downloader__destinations legend { float: left; margin: 0 12px 0 0; padding: 9px 0; font-size: 12px; color: var(--muted); }
.cloud-page .focus-processing .web-downloader__destinations label { min-height: 36px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 8px; background: transparent; font-size: 12px; cursor: pointer; }
.cloud-page .focus-processing .web-downloader__destinations label:has(input:checked) { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.cloud-page .focus-processing input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cloud-page .focus-processing label:has(input:focus-visible) { outline: 2px solid #888; outline-offset: 3px; }
.cloud-page .focus-processing label:has(input:disabled) { opacity: .5; cursor: not-allowed; }
.cloud-page .focus-processing .web-downloader__support { margin: 10px 0 0; font-size: 12px; }

/* Compact unlinked purchase card. */
.cloud-page .cloud-subscription-card .cloud-entitlement:not(.is-paid) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; padding-top: 24px; }
.cloud-page .cloud-subscription-card .payment-summary h2 { margin: 0 0 6px; font-size: 17px; line-height: 1.3; font-weight: 550; letter-spacing: -.025em; }
.cloud-page .cloud-subscription-card .payment-summary p { margin: 0; font-size: 12px; line-height: 1.6; color: var(--muted); }
.cloud-page .cloud-entitlement:not(.is-paid) > .web-downloader__status { grid-column: 1 / -1; margin: 0; }
@media (max-width: 600px) { .cloud-page .cloud-subscription-card .cloud-entitlement:not(.is-paid) { grid-template-columns: minmax(0, 1fr); gap: 16px; } .cloud-page .cloud-subscription-card .cloud-entitlement:not(.is-paid) .cloud-entitlement__actions { display: flex; flex-wrap: wrap; gap: 12px; } .cloud-page .cloud-subscription-card .cloud-entitlement:not(.is-paid) .cloud-entitlement__actions > button { width: auto; } }

.cloud-page .focus-connected-accounts { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; }
.cloud-page .focus-connected-accounts .cloud-text-button { padding: 4px 0; font-size: 11px; color: var(--muted); }

/* Folder selection belongs with the destination controls. */
.cloud-page .focus-toolbar { align-items: center; flex-wrap: wrap; gap: 16px 24px; }
.cloud-page .cloud-workspace-card .focus-folder { flex: 1 1 280px; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px 10px; }
.cloud-page .focus-folder .cloud-folder-picker__heading { margin: 0; }
.cloud-page .focus-folder .cloud-folder-picker__heading label { font-size: 12px; font-weight: 450; color: var(--muted); }
.cloud-page .focus-folder .cloud-folder-picker__row { gap: 8px; }
.cloud-page .focus-folder select { min-height: 40px; padding: 8px 28px 8px 12px; border-radius: 8px; font-size: 12px; }
.cloud-page .focus-folder .cloud-folder-picker__add { min-height: 40px; padding: 8px 10px; font-size: 11px; white-space: nowrap; border-radius: 8px; }
.cloud-page .focus-folder .cloud-folder-picker__create { grid-column: 1 / -1; margin-top: 4px; }
@media (max-width: 600px) { .cloud-page .cloud-workspace-card .focus-folder { flex-basis: 100%; } }

.cloud-page .focus-destination { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 8px; }
.cloud-page .focus-toolbar .focus-destination label { border: 0; border-radius: 7px 0 0 7px; }
.cloud-page .focus-destination:has(input:checked) { background: var(--soft); }
.cloud-page .focus-disconnect { display: grid; place-items: center; width: 30px; min-height: 36px; padding: 0; border: 0; border-radius: 0 7px 7px 0; background: transparent; color: var(--muted); cursor: pointer; }
.cloud-page .focus-disconnect:hover:not(:disabled) { background: #00000008; color: var(--ink); }
.cloud-page .focus-disconnect:disabled { opacity: .4; cursor: wait; }

/* One input surface: link first, destination folder beneath it. */
.cloud-page .focus-input-group { border: 1px solid var(--line); border-radius: 14px; background: #fffdf8; overflow: visible; }
.cloud-page .focus-input-group .web-downloader__bar { border: 0; box-shadow: none; border-radius: 0; }
.cloud-page .cloud-workspace-card .focus-input-group .focus-folder { display: grid; grid-template-columns: auto minmax(0, 1fr); padding: 12px 16px; margin: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; gap: 10px 14px; }
.cloud-page .focus-input-group .focus-folder select { background: transparent; border: 0; box-shadow: none; }
.cloud-page .focus-input-group .cloud-folder-picker__add { background: var(--soft); }
@media (max-width: 520px) { .cloud-page .cloud-workspace-card .focus-input-group .focus-folder { padding: 10px 12px; gap: 8px; } }

/* Start both button rows on the input panel's edge. */
.cloud-page .focus-processing .web-downloader__destinations legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; float: none; }
.cloud-page .focus-processing, .cloud-page .focus-toolbar { padding-inline: 0; margin-inline: 0; }
.cloud-page .focus-processing .web-downloader__destinations, .cloud-page .focus-toolbar > .web-downloader__destinations { padding-inline: 0; margin-inline: 0; border: 0; gap: 8px; }
.cloud-page .focus-processing .web-downloader__destinations label, .cloud-page .focus-toolbar > .web-downloader__destinations > label { min-height: 40px; }

/* Keep folder popups and focus rings clear of the combined input surface. */
.cloud-page .focus-input-group { position: relative; z-index: 2; }
.cloud-page .focus-input-group .web-downloader__bar { border-radius: 14px 14px 0 0; }
.cloud-page .focus-input-group:not(.has-folder) .web-downloader__bar { border-radius: 14px; }
.cloud-page .focus-input-group .focus-folder select { appearance: auto; -webkit-appearance: menulist; cursor: pointer; }

/* Native folder menu, enhanced where customizable selects are supported. */
.cloud-page .focus-input-group .focus-folder select { color: var(--ink); border-radius: 8px; font: inherit; font-size: 12px; }
.cloud-page .focus-folder select option { background: #fffdf8; color: #292929; padding: 10px 12px; }
@supports (appearance: base-select) {
  .cloud-page .focus-input-group .focus-folder select, .cloud-page .focus-folder select::picker(select) { appearance: base-select; }
  .cloud-page .focus-input-group .focus-folder select { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; }
  .cloud-page .focus-folder select::picker(select) { margin-top: 8px; padding: 6px; border: 1px solid #deddd8; border-radius: 12px; background: #fffdf8; box-shadow: 0 8px 24px #00000012; max-height: 280px; overflow-y: auto; }
  .cloud-page .focus-folder select::picker-icon { color: #777; }
  .cloud-page .focus-folder select option { min-height: 40px; border-radius: 7px; gap: 10px; cursor: pointer; }
  .cloud-page .focus-folder select option:hover, .cloud-page .focus-folder select option:focus { background: #eeede8; outline: none; }
  .cloud-page .focus-folder select option:checked { background: #f2f1ec; font-weight: 550; }
  .cloud-page .focus-folder select option::checkmark { color: #555; }
}
/* Give Device the same visible boundary and alignment as cloud destinations. */
.cloud-page .focus-toolbar > .web-downloader__destinations { align-items: center; }
.cloud-page .focus-toolbar > .web-downloader__destinations > label,
.cloud-page .focus-destination { box-sizing: border-box; height: 40px; min-height: 40px; margin: 0; }
.cloud-page .focus-toolbar > .web-downloader__destinations > label { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; }
.cloud-page .focus-toolbar .focus-destination label { height: 38px; min-height: 38px; display: inline-flex; align-items: center; }

/* Temporary files use the same heading, palette and cards as Activity. */
.cloud-page .cloud-temporary__heading { padding-bottom: 8px; }
.cloud-page .cloud-temporary__intro { margin: 0; max-width: 560px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.cloud-page :is(.cloud-temporary__refresh, .cloud-temporary__delete) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; font-weight: 450; line-height: 1.4; cursor: pointer; }
.cloud-page :is(.cloud-temporary__refresh, .cloud-temporary__delete):hover:not(:disabled) { background: var(--soft); color: var(--ink); }
.cloud-page .cloud-temporary button:disabled { opacity: .5; cursor: wait; }
.cloud-page .cloud-temporary__list { padding: 0; margin-bottom: 0; list-style: none; align-items: stretch; }
.cloud-page .cloud-temporary__file-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cloud-page .cloud-temporary__file-heading svg { flex-shrink: 0; }
.cloud-page .cloud-temporary__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.cloud-page .cloud-temporary__actions .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; min-width: 0; padding: 10px 14px; border-radius: 8px; font-size: 12px; font-weight: 500; line-height: 1.4; text-decoration: none; }
.cloud-page .cloud-temporary__empty { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px; padding: 30px 20px; border-radius: 14px; background: #fffdf8; color: var(--muted); text-align: center; }
.cloud-page .cloud-temporary__empty p { margin: 0; color: var(--ink); font-size: 13px; line-height: 1.5; }
.cloud-page .cloud-temporary__empty span { max-width: 340px; font-size: 12px; line-height: 1.7; }
.cloud-page .cloud-temporary__error { display: flex; align-items: flex-start; gap: 8px; padding: 12px 14px; margin: 16px 0 0; border-radius: 8px; background: var(--soft); color: #a14020; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.cloud-page .cloud-temporary__error svg { flex-shrink: 0; margin-top: 2px; }
@media (max-width: 520px) {
  .cloud-page .cloud-temporary__heading { gap: 4px; }
  .cloud-page .cloud-temporary__refresh { padding-inline: 6px; }
  .cloud-page .cloud-temporary__actions .button { flex: 1; }
}