/* Erick Cloud v2.12 — móvil, contraste e iconografía */
@media(max-width:780px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .preview-overlay{position:fixed!important;inset:0!important;z-index:11000!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;display:flex!important;align-items:stretch!important;justify-content:center!important}
 .preview-overlay[hidden]{display:none!important}
 .preview-dialog{position:relative!important;display:flex!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
 .preview-top{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px 16px!important;flex:none!important}
 .preview-top>div:first-child{min-width:0!important;width:100%}
 .preview-top h2{font-size:clamp(16px,4.4vw,21px)!important;overflow-wrap:anywhere!important;word-break:break-word}
 .preview-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
 .preview-toolbar>*{min-width:0!important;width:100%!important;max-width:100%!important;padding:9px 8px!important;min-height:42px!important;white-space:normal!important;font-size:12px!important;text-align:center!important}
 .preview-toolbar .preview-lock-top{grid-column:1 / -1!important}
 .preview-content{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;max-width:100%!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px!important}
 .preview-media-shell{width:100%!important;min-width:0!important;max-width:100%!important;border-radius:18px!important}
 .preview-media-shell.audio-shell{min-height:270px!important;padding:16px 12px!important;gap:10px!important}
 .preview-visualizer-audio{height:145px!important;max-width:100%!important}
 .preview-player-audio,.preview-player-video{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 .preview-player-audio{padding:6px!important;min-height:48px}
 .preview-player-video{height:auto!important;max-height:calc(100dvh - 250px)!important;object-fit:contain!important;border-radius:12px!important}
 .preview-spectrum-strip{width:100%!important;padding:6px 8px!important}
 .preview-visualizer-video{height:34px!important}
 .ec-pdf-viewer,.ec-pdf-host{width:100%!important;max-width:100%!important;min-width:0!important}
 .ec-pdf-host{height:calc(100dvh - 265px)!important;min-height:220px!important}
 .ec-pdf-toolbar{justify-content:center!important;gap:6px!important}
 .ec-pdf-toolbar button{min-height:36px!important;padding:8px!important;font-size:12px!important}
 .preview-dialog.ec-preview-max{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important}
}
@media(max-width:420px){
 .preview-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .preview-toolbar .preview-lock-top{grid-column:1/-1!important}
 .preview-toolbar #preview-close{grid-column:auto!important}
 .preview-media-shell.audio-shell{min-height:240px!important}
 .preview-visualizer-audio{height:118px!important}
}
@media(min-width:781px) and (max-width:1000px){
 .preview-dialog{width:min(95vw,1100px)!important;max-width:95vw!important}
 .preview-content{max-width:100%;overflow-x:hidden}
}
/* Textos más visibles en tema claro */
html:not([data-ec-theme=dark]) :is(.auth-card,.file-row,.file-toolbar,.files-header,.finder-controls,.stat-card,.shortcut,.cloud-modal-dialog,.preview-dialog,.storage-panel,.ec-server-health,.ec-health-stat,.ec-selection-bar,.file-list-panel){color:#142338!important}
html:not([data-ec-theme=dark]) :is(.subtle,.file-info small,.file-toolbar small,.files-header p,.section-heading p,.shortcut small,.stat-card small,.ec-health-label,.ec-health-stat small,.ec-health-heading small,.modal-hint,.storage-metrics small,.privacy-note,.breadcrumb-top,.preview-lock-note,.secure-note){color:#475569!important;opacity:1!important}
html:not([data-ec-theme=dark]) :is(.btn-light,.file-action,.finder-sort-trigger,.finder-direction,.preview-lock,.ec-theme-toggle,.password-eye){color:#183354!important}
html:not([data-ec-theme=dark]) :is(input,select,textarea){color:#172a45!important}
html:not([data-ec-theme=dark]) input::placeholder{color:#64748b!important;opacity:1!important}
html:not([data-ec-theme=dark]) .status-pill{color:#17518c!important}
html:not([data-ec-theme=dark]) .auth-story :is(h1,p,.story-features,.story-footer){color:#f8fbff!important}
html:not([data-ec-theme=dark]) :is(.file-info strong,.shortcut strong,.section-heading h2,.files-header h1,.auth-card h2){color:#0f2440!important}
/* Iconos vectoriales coherentes para botones y flechas */
.ec-lucide{display:inline-block;flex:none;width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.ec-icon-only{font-size:0!important}
.ec-icon-only .ec-lucide{width:22px;height:22px}
.finder-fab.ec-icon-only::before,.logout.ec-icon-only::before{display:none!important}
.ec-icon-label{display:inline-flex;align-items:center;gap:8px}
.ec-icon-label .ec-lucide{width:17px;height:17px}
@media(prefers-reduced-motion:reduce){.file-row,.btn,.file-action{transition:none!important}}