/* Cloudspace 1.5 — layout completo do gerenciador Android.
   Este arquivo também corrige os estilos ausentes na versão 1.4. */
.native-phone-card {width:100%;min-width:0;min-height:0;margin-bottom:24px;overflow:hidden;padding:clamp(18px,3vw,30px)}
.native-phone-card .native-head {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.native-phone-card .native-head>div {flex:1;min-width:0}
.native-phone-card .native-head h2 {font-size:clamp(19px,2.2vw,24px);letter-spacing:-.5px;margin:9px 0 9px;color:#eff4ff}
.native-phone-card .native-head p {max-width:760px;margin:0;color:#a1b0c9;line-height:1.7;font-size:12px}
.native-phone-card #native-refresh {flex-shrink:0}
.native-phone-card .native-status {display:flex;align-items:center;gap:9px;margin:0 0 16px;min-height:42px;padding:11px 14px;background:#17263c;border:1px solid #2c405d;border-radius:10px;color:#b6c7e3;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.native-phone-card .native-status::before {content:"";flex:0 0 7px;width:7px;height:7px;background:#79a5ff;border-radius:50%;box-shadow:0 0 0 3px #79a5ff1a}
.native-phone-card .native-status.is-error {background:#35212b;border-color:#653847;color:#ffd0d4}
.native-phone-card .native-status.is-error::before {background:#fa8e9a}
.native-phone-card .native-devices {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch;gap:10px;margin-bottom:18px}
.native-phone-card .native-device {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:75px;width:100%;text-align:left;padding:13px 15px;border-radius:11px;border:1px solid #344563;color:#e2eaff;background:#16253b;transition:border-color .15s,background .15s}
.native-phone-card .native-device:hover:not(:disabled) {background:#1a304d;border-color:#708ced}
.native-phone-card .native-device.is-selected {border-color:#8198ff;background:#24365a;box-shadow:inset 0 0 0 1px #8198ff44}
.native-phone-card .native-device strong {font-size:13px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-phone-card .native-device small {font-size:11px;line-height:1.4;font-weight:500;color:#a9bbd4}
.native-phone-card .native-old-devices {grid-column:1/-1;border:1px solid #273854;border-radius:9px;background:#111d31;padding:10px 12px;color:#99acca;font-size:12px}
.native-phone-card .native-old-devices summary {cursor:pointer;user-select:none}
.native-phone-card .native-old-devices .native-older-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin-top:12px}
.native-phone-card .native-browser {display:block;min-width:0;border:1px solid #2a3b56;border-radius:13px;overflow:hidden;background:#101b2e}
.native-phone-card .native-browser[hidden] {display:none!important}
.native-phone-card .native-toolbar {display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 14px;border-bottom:1px solid #263650;background:#152238}
.native-phone-card .native-toolbar .btn {min-height:37px;padding:9px 13px;font-size:11px}
.native-phone-card #native-path {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c2d0e9;font-size:12px;font-weight:650}
.native-phone-card .native-upload-area {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:17px 16px;background:#111d30;border-bottom:1px solid #293a53}
.native-phone-card .native-upload-area .btn {cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:10px 14px;font-size:12px}
.native-phone-card .native-upload-area #native-upload-help {width:100%;margin:2px 0 0;color:#879bbb;font-size:11px;line-height:1.55}
.native-phone-card .native-upload-area.is-disabled {opacity:.55;pointer-events:none}
.native-phone-card .native-upload-area.drag-over {outline:2px dashed #7da9fc;outline-offset:-4px;background:#1e3351}
.native-phone-card .native-files {display:flex;flex-direction:column;min-height:90px;max-height:560px;overflow-y:auto}
.native-phone-card .native-file {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border-bottom:1px solid #25354d;min-height:58px}
.native-phone-card .native-file:last-child {border-bottom:0}
.native-phone-card .native-file:hover {background:#192940}
.native-phone-card .native-file .file-name {flex:1;display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere;color:#e3edff;font-size:12px}
.native-phone-card .native-file .native-file-meta {font-size:11px;color:#95a7c5;white-space:nowrap}
.native-phone-card .native-file button {flex-shrink:0;background:#202f4c;color:#d6e4ff;border:1px solid #3a5178;border-radius:8px;padding:8px 13px;min-width:77px;font-size:11px;font-weight:700}
.native-phone-card .native-file button:hover:not(:disabled) {background:#2a4572;border-color:#8da8ff}
.native-phone-card .native-files .native-empty {padding:26px 16px;margin:0;text-align:center;color:#93a6c4;font-size:12px}
.native-phone-card .native-files .native-skeleton {padding:20px 16px;color:#b6c7df;font-size:12px}
.native-phone-card .native-cache-note {padding:11px 16px;margin:0;background:#121e31;border-top:1px solid #263650;font-size:11px;line-height:1.5;color:#8195b6}
.native-phone-card .native-hint {margin:13px 0 0;font-size:11px;line-height:1.65;color:#8294b2}
@media(max-width:850px){
 .native-phone-card .native-head {flex-direction:column}
 .native-phone-card #native-refresh {align-self:flex-start}
}
@media(max-width:600px){
 .native-phone-card .native-devices {grid-template-columns:1fr}
 .native-phone-card .native-toolbar {flex-wrap:wrap;gap:9px}
 .native-phone-card #native-path {flex-basis:100%;order:-1}
 .native-phone-card .native-upload-area {flex-direction:column;align-items:stretch}
 .native-phone-card .native-upload-area .btn {width:100%;white-space:normal;text-align:center}
 .native-phone-card .native-file {gap:10px;padding:11px 12px}
 .native-phone-card .native-file button {min-width:65px;padding:9px 10px}
}

/* Cloudspace 1.8 — caminhos clicáveis, prévia, download de pastas e drop amplo */
.native-phone-card .native-toolbar {flex-wrap:wrap}
.native-phone-card #native-path {display:flex;align-items:center;gap:5px;flex-wrap:wrap;white-space:normal;overflow:visible;line-height:1.7}
.native-phone-card #native-path .native-crumb {border:0;border-radius:7px;background:transparent;color:#a5c6ff;cursor:pointer;padding:5px 7px;font:inherit;font-weight:650;min-width:0;overflow-wrap:anywhere;text-align:left}
.native-phone-card #native-path .native-crumb:hover {background:#273d60;color:white}
.native-phone-card #native-path .native-crumb:focus-visible {outline:2px solid #a2b9ff}
.native-phone-card #native-path .native-crumb-current {color:#edf3ff;padding:5px 7px;overflow-wrap:anywhere}
.native-phone-card #native-path .native-crumb-sep {color:#6e86ae}
.native-phone-card .native-file .file-name {justify-content:flex-start;min-width:0;flex-wrap:wrap}
.native-phone-card .native-file .native-file-text {min-width:0;overflow-wrap:anywhere}
.native-phone-card .native-file .native-file-icon {flex-shrink:0}
.native-phone-card .native-file .native-file-actions {display:flex;flex:0 0 auto;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.native-phone-card .native-file .native-file-actions button {min-width:auto;white-space:nowrap}
.native-phone-card .native-file .native-file-actions .native-download-folder {border-color:#597bd0;color:#e2eaff;background:#293d68}
.native-phone-card .native-file button.native-image-name {flex:1;text-align:left;border:0;background:transparent;padding:0;min-width:0;font-size:12px;font-weight:normal}
.native-phone-card .native-file button.native-image-name:hover {color:#b5d5ff;text-decoration:underline;background:transparent}
.native-phone-card .native-browser {position:relative}
.native-phone-card .native-drop-overlay {display:none;position:absolute;inset:0;z-index:10;pointer-events:none;align-items:center;justify-content:center;text-align:center;padding:24px;color:#eaf5ff;font-size:17px;font-weight:750;border:3px dashed #93baff;border-radius:12px;background:#132d4de8}
.native-phone-card .native-browser.native-drag-over .native-drop-overlay {display:flex}
.native-phone-card .native-progress-line {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 16px;color:#d9e8ff;background:#223454;border-bottom:1px solid #405c8e;font-size:12px}
.native-phone-card .native-progress-line[hidden] {display:none!important}
.native-phone-card .native-progress-line button {color:#fff;background:#69414a;border:1px solid #ad6b79;border-radius:7px;padding:7px 11px;cursor:pointer}
.native-preview-modal {position:fixed;inset:0;z-index:10005;display:flex;align-items:center;justify-content:center;background:#070c15dd;padding:18px}
.native-preview-modal[hidden] {display:none!important}
.native-preview-panel {width:min(900px,95vw);max-height:92vh;overflow:auto;background:#101e32;border:1px solid #385070;border-radius:15px;box-shadow:0 20px 90px #0008}
.native-preview-header {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;color:#ecf3ff;border-bottom:1px solid #314361}
.native-preview-header strong {overflow-wrap:anywhere}
.native-preview-header button {border:1px solid #425778;border-radius:8px;background:#253855;color:#e8efff;padding:9px 13px;cursor:pointer}
.native-preview-panel img {display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain;padding:12px}
@media(max-width:650px) {
 .native-phone-card .native-file {align-items:flex-start}
 .native-phone-card .native-file .native-file-actions {gap:5px}
 .native-phone-card .native-file .native-file-actions button {padding:8px 9px;font-size:10px}
 .native-preview-modal {padding:8px}
}