/* Cloudfily themes v82: capa visual única, sin alterar estructura ni funciones. */
html[data-theme]{
  --ink:var(--theme-ink);--muted:var(--theme-muted);--purple:var(--theme-accent);
  --purple2:var(--theme-accent-2);--bg:var(--theme-bg);--card:var(--theme-surface);
  --line:var(--theme-border);--shadow:var(--theme-shadow);color-scheme:light;
}
html[data-theme="claro-menta"]{
  --theme-bg:#f3fbf9;--theme-bg-art:radial-gradient(circle at 78% 5%,#dff8f2 0 9%,transparent 25%),linear-gradient(145deg,#fbfffe,#edf9f7);
  --theme-surface:#ffffff;--theme-surface-2:#eff9f7;--theme-ink:#09233b;--theme-muted:#687b87;--theme-border:#dceeea;
  --theme-accent:#14a99b;--theme-accent-2:#69d8c9;--theme-accent-soft:#ddf7f2;--theme-header:rgba(249,255,253,.91);
  --theme-shadow:0 14px 38px rgba(25,111,101,.10);--theme-state:#28b893;--theme-button-text:#fff;
}
html[data-theme="azul-nocturno"]{
  --theme-bg:#061a3a;--theme-bg-art:radial-gradient(circle at 78% 4%,#0d67e8 0,transparent 25%),radial-gradient(circle at 10% 30%,#073b83 0,transparent 36%),linear-gradient(155deg,#071c42,#031126 72%);
  --theme-surface:#0b2b59;--theme-surface-2:#0f376d;--theme-ink:#f5fbff;--theme-muted:#a9c5e6;--theme-border:#2d5f96;
  --theme-accent:#24c8ff;--theme-accent-2:#477cff;--theme-accent-soft:#103d75;--theme-header:rgba(5,24,55,.88);
  --theme-shadow:0 16px 44px rgba(0,7,25,.42),0 0 22px rgba(29,132,255,.10);--theme-state:#4ee5c2;--theme-button-text:#fff;color-scheme:dark;
}
html[data-theme="claro-suave"]{
  --theme-bg:#fbfcf8;--theme-bg-art:radial-gradient(circle at 82% 9%,#f4ecd2 0 7%,transparent 18%),linear-gradient(145deg,#fff,#f7faf5);
  --theme-surface:#ffffff;--theme-surface-2:#f5f8f3;--theme-ink:#102a3e;--theme-muted:#77858c;--theme-border:#e7ece6;
  --theme-accent:#63bfb2;--theme-accent-2:#a9ded5;--theme-accent-soft:#ebf7f3;--theme-header:rgba(255,255,252,.92);
  --theme-shadow:0 13px 34px rgba(68,91,80,.075);--theme-state:#49ad91;--theme-button-text:#fff;
}html[data-theme="coral-pastel"]{
  --theme-bg:#fff8f3;--theme-bg-art:radial-gradient(circle at 78% 7%,#ffe1d1 0 10%,transparent 25%),linear-gradient(145deg,#fffdf9,#fff3ec);
  --theme-surface:#fffefd;--theme-surface-2:#fff2ec;--theme-ink:#102943;--theme-muted:#7c7880;--theme-border:#f2dfd7;
  --theme-accent:#ff706d;--theme-accent-2:#ff9b83;--theme-accent-soft:#ffe8df;--theme-header:rgba(255,251,247,.93);
  --theme-shadow:0 14px 38px rgba(159,85,62,.11);--theme-state:#2ca58d;--theme-button-text:#fff;
}
html[data-theme="dashboard-pastel"]{
  --theme-bg:#f4f9ff;--theme-bg-art:radial-gradient(circle at 84% 7%,#dff1ff 0 11%,transparent 27%),linear-gradient(145deg,#fbfdff,#edf6ff);
  --theme-surface:#ffffff;--theme-surface-2:#f1f6fd;--theme-ink:#112641;--theme-muted:#708097;--theme-border:#dfe9f4;
  --theme-accent:#4d83e6;--theme-accent-2:#59c8be;--theme-accent-soft:#e4eefc;--theme-header:rgba(248,252,255,.93);
  --theme-shadow:0 14px 38px rgba(54,93,145,.10);--theme-state:#2db39b;--theme-button-text:#fff;
}
html[data-theme] body{background:var(--theme-bg-art)!important;background-attachment:fixed!important;color:var(--theme-ink)}
html[data-theme] body,html[data-theme] button,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{color:var(--theme-ink)}
html[data-theme] .top{background:var(--theme-header)!important;border-color:var(--theme-border)!important}
html[data-theme] .brand h1,html[data-theme] .section-head h2,html[data-theme] .storage strong{color:var(--theme-ink)!important}
html[data-theme] .brand small,html[data-theme] .storage small,html[data-theme] .storage-foot,html[data-theme] .meta span,
html[data-theme] .folder span,html[data-theme] .chat-head small,html[data-theme] .theme-copy small{color:var(--theme-muted)!important}
html[data-theme] .logo{background:linear-gradient(145deg,var(--theme-accent),var(--theme-accent-2))!important;box-shadow:0 10px 25px color-mix(in srgb,var(--theme-accent) 30%,transparent)!important}
html[data-theme] .round,html[data-theme] .feature-button,html[data-theme] .profile-shortcut{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-ink)!important}
html[data-theme] .sync-pill{background:var(--theme-accent-soft)!important;color:var(--theme-state)!important;border:1px solid var(--theme-border)!important}
html[data-theme] .sync-pill b,html[data-theme] .sync-pill #updated{color:var(--theme-state)!important}
html[data-theme] .sync-pill .dot{background:var(--theme-state)!important;box-shadow:0 0 12px color-mix(in srgb,var(--theme-state) 55%,transparent)}
html[data-theme] .storage,html[data-theme] .stat,html[data-theme] .file-search,html[data-theme] .folder,
html[data-theme] .file,html[data-theme] .empty{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;box-shadow:var(--theme-shadow)!important}
html[data-theme] .storage h2{color:var(--theme-accent)!important}
html[data-theme] .storage-quota b{color:var(--theme-accent)!important}
html[data-theme] .bar,html[data-theme] .upload-bar{background:color-mix(in srgb,var(--theme-muted) 18%,var(--theme-surface))!important}
html[data-theme] .bar i,html[data-theme] .upload-bar i{background:linear-gradient(90deg,var(--theme-accent),var(--theme-accent-2))!important;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent) 32%,transparent)!important}
html[data-theme] #manageStorage{color:var(--theme-accent)!important}
html[data-theme] .file-search input,html[data-theme] .folderform input,html[data-theme] .folderform select,
html[data-theme] .chat-new input,html[data-theme] .chat-compose textarea,html[data-theme] .transfer-send input,
html[data-theme] .protected-dialog input,html[data-theme] .alias-field{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-ink)!important}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--theme-muted)!important;opacity:.82}
html[data-theme] .toolbar .pill,html[data-theme] #newFolder{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-ink)!important}
html[data-theme] .toolbar .pill.active,html[data-theme] .view-toggle button.active{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2))!important;color:var(--theme-button-text)!important}
html[data-theme] #newFolder{background:var(--theme-accent-soft)!important;color:var(--theme-accent)!important}
html[data-theme] .fab{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2))!important;color:var(--theme-button-text)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--theme-accent) 35%,transparent)!important}
html[data-theme] .folder-more,html[data-theme] .more,html[data-theme] .view-toggle,
html[data-theme] .view-toggle button{background:var(--theme-surface-2)!important;color:var(--theme-muted)!important;border-color:var(--theme-border)!important}
html[data-theme] .folder-visual{background:var(--theme-accent-soft)!important;color:var(--theme-accent)!important}
html[data-theme] .shared-folder{background:var(--theme-surface)!important;border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--theme-border))!important}
html[data-theme] .account-card,html[data-theme] .panel,html[data-theme] .chat-card,html[data-theme] .transfer-card,
html[data-theme] .confirm-card,html[data-theme] .protected-dialog form,html[data-theme] .folder-menu-card,
html[data-theme] .share-progress-card{background:var(--theme-surface)!important;color:var(--theme-ink)!important;border-color:var(--theme-border)!important}
html[data-theme] .account-info div,html[data-theme] .alias-box,html[data-theme] .blocked-box,
html[data-theme] .notification-settings,html[data-theme] .app-security,html[data-theme] .action,
html[data-theme] .chat-contact-wrap,html[data-theme] .chat-contact,html[data-theme] .chat-bubble:not(.mine),
html[data-theme] .chat-transfer,html[data-theme] .folder-menu-action{background:var(--theme-surface-2)!important;color:var(--theme-ink)!important}
html[data-theme] .chat-head,html[data-theme] .chat-compose,html[data-theme] .voice-recorder{background:var(--theme-surface)!important;border-color:var(--theme-border)!important}
html[data-theme] .chat-messages,html[data-theme] .chat-home{background:color-mix(in srgb,var(--theme-bg) 62%,var(--theme-surface))!important}
html[data-theme] .chat-bubble.mine,html[data-theme] .chat-new button,html[data-theme] .chat-compose #chatSend,
html[data-theme] #confirmTransfer,html[data-theme] #saveAlias,html[data-theme] #saveFolder,
html[data-theme] .protected-dialog button:last-child{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2))!important;color:var(--theme-button-text)!important}
html[data-theme] .chat-compose #chatAttach,html[data-theme] .chat-compose #chatMic,
html[data-theme] .profile-photo-actions label,html[data-theme] .profile-photo-actions button{background:var(--theme-accent-soft)!important;color:var(--theme-accent)!important}
html[data-theme] .transfer-tabs button{background:var(--theme-surface-2)!important;color:var(--theme-muted)!important}
html[data-theme] .transfer-tabs button.active{background:var(--theme-accent)!important;color:var(--theme-button-text)!important}
html[data-theme] .folder-menu-action svg{stroke:var(--theme-accent)!important}
html[data-theme] .account-head button,html[data-theme] .chat-head button,html[data-theme] .transfer-head button,
html[data-theme] .folder-menu-head>button{background:var(--theme-surface-2)!important;color:var(--theme-ink)!important}
html[data-theme] .selection-bar,html[data-theme] .paste-bar{background:color-mix(in srgb,var(--theme-ink) 92%,transparent)!important}
.appearance-box{display:grid;gap:13px;padding:16px;margin:14px 0;background:var(--theme-surface-2);border:1px solid var(--theme-border);border-radius:18px}
.appearance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.appearance-head b,.appearance-head small{display:block}.appearance-head small{color:var(--theme-muted);font-size:.71rem;margin-top:3px;line-height:1.35}
.appearance-head>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--theme-accent-soft);color:var(--theme-accent);font-size:.67rem;font-weight:800}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.theme-option{position:relative;display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-surface);text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}
.theme-option:active{transform:scale(.98)}.theme-option.active{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 20%,transparent)}
.theme-option em{display:none;position:absolute;right:7px;top:6px;padding:3px 6px;border-radius:99px;background:var(--theme-accent);color:var(--theme-button-text);font-size:.52rem;font-style:normal;font-weight:800}
.theme-option.active em{display:block}.theme-copy{min-width:0;padding-right:2px}.theme-copy b,.theme-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-copy b{font-size:.72rem}.theme-copy small{font-size:.58rem}
.theme-preview{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;width:55px;height:45px;padding:6px;border-radius:11px;overflow:hidden}
.theme-preview:before{content:"";position:absolute;left:6px;right:6px;top:6px;height:6px;border-radius:8px;background:#fff9}
.theme-preview i{display:block;height:19px;border-radius:4px;background:#fff}.theme-preview i:nth-child(2){height:24px}.theme-preview i:nth-child(3){height:15px}
.preview-mint{background:linear-gradient(145deg,#d8f7ef,#63d2bf)}.preview-night{background:linear-gradient(145deg,#061a3a,#157bdf);box-shadow:inset 0 0 12px #4fe1ff55}
.preview-soft{background:linear-gradient(145deg,#fffef8,#dceee7)}.preview-coral{background:linear-gradient(145deg,#fff3ea,#ff8c7b)}
.preview-dashboard{background:linear-gradient(145deg,#e8f4ff,#b8d9ff)}.preview-dashboard i:nth-child(1){background:#ffdce5}.preview-dashboard i:nth-child(2){background:#dff4ed}.preview-dashboard i:nth-child(3){background:#e6defe}
html[data-theme="azul-nocturno"] .photos{background:#50215d;color:#ff7bd5}html[data-theme="azul-nocturno"] .docs{background:#0d4a81;color:#69c8ff}
html[data-theme="azul-nocturno"] .files{background:#075969;color:#52f0d5}html[data-theme="azul-nocturno"] .apps{background:#644721;color:#ffd37a}
html[data-theme="azul-nocturno"] .videos{background:#482769;color:#dba4ff}html[data-theme="azul-nocturno"] .models{background:#084f68;color:#54edff}
html[data-theme="azul-nocturno"] .top:after{color:#8fc5ff!important}
html[data-theme="azul-nocturno"] .chat-sheet,html[data-theme="azul-nocturno"] .account-sheet,
html[data-theme="azul-nocturno"] .transfer-sheet{background:#000a18b8}
html[data-theme="coral-pastel"] .photos,html[data-theme="coral-pastel"] .videos{background:#ffe1df;color:#ed6767}
html[data-theme="coral-pastel"] .files{background:#dff3ed;color:#299b87}html[data-theme="coral-pastel"] .docs{background:#e3f2ff;color:#3d91d2}
html[data-theme="coral-pastel"] .fab,html[data-theme="coral-pastel"] #newFolder{background:linear-gradient(135deg,#ff6d6d,#ff9a7d)!important;color:#fff!important}
html[data-theme="dashboard-pastel"] .stat:nth-child(1){background:#fff2f5!important}html[data-theme="dashboard-pastel"] .stat:nth-child(2){background:#eef7ff!important}
html[data-theme="dashboard-pastel"] .stat:nth-child(3){background:#effbf7!important}html[data-theme="dashboard-pastel"] .stat:nth-child(4){background:#fff8e8!important}
html[data-theme="dashboard-pastel"] .stat:nth-child(5){background:#f6f1ff!important}html[data-theme="dashboard-pastel"] .stat:nth-child(6){background:#eefcff!important}
html[data-theme="dashboard-pastel"] .folder{border-radius:24px!important}html[data-theme="dashboard-pastel"] .stats{gap:12px!important}
@media(max-width:640px){
  .theme-grid{grid-template-columns:1fr}.theme-option{grid-template-columns:62px minmax(0,1fr);padding:10px}.theme-preview{width:62px;height:48px}
  html[data-theme="dashboard-pastel"] .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html[data-theme="dashboard-pastel"] .stat{min-height:104px!important;padding:13px 4px!important}
}
@media(max-width:390px){.appearance-box{padding:13px}.theme-grid{gap:7px}.theme-copy b{font-size:.75rem}.theme-copy small{font-size:.62rem}}
.file,.transfer-card{content-visibility:auto;contain-intrinsic-size:auto 76px}
.chat-bubble,.chat-transfer,.chat-upload-card{content-visibility:visible;contain:none}
.chat-load-older{display:block;margin:4px auto 12px;padding:9px 14px;border:1px solid var(--theme-border);border-radius:999px;background:var(--theme-chip);color:var(--theme-text);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.chat-load-older:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none}}