:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f7f9fc;background:#080808}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#121212,#050505);min-height:100vh}header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:18px max(18px,calc((100vw - 1100px)/2));background:#080808e8;backdrop-filter:blur(14px);border-bottom:1px solid #202834}h1{margin:2px 0 0;font-size:25px}small,.muted{color:#9aa6b5}button,input,select,textarea{font:inherit}button{cursor:pointer}.primary{border:0;border-radius:12px;padding:11px 15px;background:#e10600;color:white;font-weight:750}.ghost,.icon{border:1px solid #303a48;background:#121923;color:#eaf0f7;border-radius:11px;padding:10px 13px}.icon{padding:8px 10px}main{max-width:1100px;margin:auto;padding:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats button{background:#111822;color:white;border:1px solid #222c39;border-radius:15px;padding:14px;text-align:left}.stats b{display:block;font-size:25px}.stats span{font-size:13px;color:#aeb8c5}.tools{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0 8px}.tools input,.tools select,label input,label select,textarea{width:100%;background:#101720;color:#fff;border:1px solid #293443;border-radius:12px;padding:12px;outline:none}.mode{color:#aeb8c5;font-size:13px;margin:10px 2px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{overflow:hidden;background:#101720;border:1px solid #222c39;border-radius:17px}.card img{width:100%;height:185px;object-fit:cover;background:#202733}.cardBody{padding:13px}.card h3{margin:0 0 7px;font-size:17px}.meta{color:#aeb8c5;font-size:13px}.price{font-weight:800;font-size:18px;margin:9px 0}.badge{display:inline-block;padding:5px 8px;border-radius:99px;background:#2a1010;color:#ff8a86;font-size:12px}.dialogHead{display:flex;align-items:center;justify-content:space-between}dialog{width:min(720px,94vw);border:1px solid #303a48;border-radius:20px;background:#0d131b;color:white;padding:20px;max-height:90vh}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:13px;color:#b9c3cf}label input,label select,textarea{margin-top:6px}.wide{grid-column:1/-1}textarea{min-height:90px;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.detailHero{width:100%;height:300px;object-fit:cover;border-radius:14px;background:#202733}.detailTop{display:flex;justify-content:space-between;gap:15px}.detailGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.datum{background:#111923;border:1px solid #222d3a;padding:11px;border-radius:12px}.datum span{display:block;color:#8e9aa9;font-size:11px}.detailActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.danger{background:#351010;color:#ffb3b0;border:1px solid #7a1717;border-radius:11px;padding:10px 13px}.empty{grid-column:1/-1;text-align:center;color:#8e9aa9;padding:50px 10px}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.tools{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.card img{height:150px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card img{height:210px}.detailGrid{grid-template-columns:1fr 1fr}header{padding:15px 16px}}
.cover{height:185px;background:#161e29;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:42px;opacity:.45}.photos{border:1px solid #293443;border-radius:14px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photos legend{color:#b9c3cf;padding:0 5px}.photos input[type=file]{font-size:12px}.photos small{grid-column:1/-1}.wideDatum{grid-column:1/-1}.copyline{display:flex;justify-content:space-between;align-items:center;gap:8px}.albums{display:grid;gap:10px}.album{background:#0a1017;border:1px solid #222d3a;border-radius:14px;padding:12px}.albumHead{display:flex;justify-content:space-between;margin-bottom:9px}.albumHead span,.noPhotos{color:#8e9aa9;font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.shareOptions{display:flex;flex-wrap:wrap;gap:8px}.shareOptions label{background:#111923;border:1px solid #293443;border-radius:12px;padding:10px 12px;color:#eaf0f7}.shareOptions input{width:auto;margin:0 7px 0 0}.shareOptions input:disabled+span{opacity:.4}@media(max-width:760px){.photos{grid-template-columns:1fr}.photos small{grid-column:auto}.thumbs{grid-template-columns:repeat(3,1fr)}}

.primary:hover{background:#ff1a12}.stats button:hover,.card:hover{border-color:#5a1b1b}.stats button:focus,.stats button:active{border-color:#e10600;box-shadow:0 0 0 1px #e10600 inset}.card{transition:transform .16s ease,border-color .16s ease}.card:hover{transform:translateY(-2px)}input:focus,select:focus,textarea:focus{border-color:#e10600;box-shadow:0 0 0 2px #e1060025}.badge{font-weight:700}.price{color:#fff}.mode{border-left:3px solid #e10600;padding-left:8px}
.loginScreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#2a0707 0,#0a0a0a 38%,#050505 100%)}
.loginScreen[hidden],#appShell[hidden]{display:none!important}.loginCard{width:min(420px,100%);background:#111;border:1px solid #292929;border-radius:24px;padding:28px;box-shadow:0 24px 80px #0008}.loginCard h1{margin:10px 0 2px}.loginCard p{margin:0 0 22px;color:#999}.loginCard label{display:grid;gap:7px;margin:14px 0;color:#bbb}.loginCard input{width:100%;box-sizing:border-box;background:#090909;border:1px solid #333;color:#fff;border-radius:12px;padding:14px}.loginCard .primary{width:100%;margin-top:10px}.loginMark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e31b23;color:white;font-weight:900}.loginError{min-height:20px;color:#ff6464;font-size:14px}.headerActions{display:flex;gap:8px;align-items:center}
.loginLogo{width:72px;height:72px;border-radius:18px;display:block;object-fit:cover;border:1px solid #542020;box-shadow:0 10px 30px #e1060030}
/* V3 */
.accessoryBox{border:1px solid #293443;border-radius:14px;padding:12px}.checkGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check{display:flex;align-items:center;gap:8px;background:#111923;border:1px solid #293443;border-radius:10px;padding:9px;color:#eaf0f7}.check input{width:auto;margin:0}.photoPicker{min-width:0}.photoPreview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.photoItem{position:relative;border:1px solid #293443;border-radius:10px;padding:4px;background:#0b1118}.photoItem.mainPhoto{border-color:#e10600;box-shadow:0 0 0 1px #e10600}.photoItem img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}.photoItem>small{position:absolute;top:7px;left:7px;background:#000b;padding:2px 5px;border-radius:6px;color:#fff}.photoBtns{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:3px}.photoBtns button{border:0;border-radius:6px;background:#202a36;color:#fff;padding:5px 2px}.photoBtns button:disabled{opacity:.25}.photoBtns .star{color:#ffd85a}.uploadStatus{min-height:20px;color:#b9c3cf;margin-top:8px}.primaryThumb{outline:2px solid #e10600}.price{line-height:1.35}@media(max-width:760px){.checkGrid{grid-template-columns:1fr 1fr}.photoPreview{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.headerActions{gap:5px}.headerActions button{padding:9px 10px;font-size:12px}.checkGrid{grid-template-columns:1fr}}

/* V4 */
.forgotLink{width:100%;border:0;background:transparent;color:#b9c3cf;padding:12px 4px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}.offlineBanner{position:sticky;top:0;z-index:9;text-align:center;background:#5a3b00;color:#ffe8ad;padding:7px 12px;font-size:13px;font-weight:700}.offlineBanner[hidden],#forgotScreen[hidden]{display:none!important}.offlineDisabled{opacity:.45;pointer-events:none}.syncNote{font-size:12px;color:#8e9aa9}

.pdfTile{width:100%;aspect-ratio:4/3;display:grid;place-items:center;border-radius:12px;background:#17191d;border:1px solid #343941;font-weight:900;font-size:28px;color:#e9edf2}.carfaxItem small{display:block;padding-top:4px}

/* iPhone: prevent automatic focus zoom on form controls */
@media (max-width:760px){input,select,textarea{font-size:16px!important}}

/* V4.6: estado visual apagado para opciones incompatibles al compartir */
.shareOptions label.is-disabled{opacity:.38;background:#0b1016;border-color:#1a222c;color:#77818d;filter:saturate(.35);cursor:not-allowed;transition:opacity .18s ease,background .18s ease,border-color .18s ease}
.shareOptions label.is-disabled input{opacity:.55}

/* V4.7: pantalla de arranque mientras Supabase comprueba la sesión */
.loadingScreen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#2a0707 0,#0a0a0a 38%,#050505 100%)}
.loadingScreen[hidden]{display:none!important}.loadingCard{text-align:center}.loadingLogo{width:92px;height:92px;border-radius:22px;object-fit:cover;border:1px solid #542020;box-shadow:0 14px 38px #e1060035}.loadingCard h1{margin:14px 0 14px;font-size:28px}.loadingCard p{margin:10px 0 0;color:#9aa6b5;font-size:14px}.loadingSpinner{width:26px;height:26px;margin:0 auto;border:3px solid #303030;border-top-color:#e10600;border-radius:50%;animation:invSpin .8s linear infinite}@keyframes invSpin{to{transform:rotate(360deg)}}

/* V4.10: 16px evita el zoom automático de iOS al enfocar campos. */
.loginCard input{font-size:16px!important}

/* V4.13: login nativo para iPhone/PWA */
.nativeLogin,.nativeLogin *{pointer-events:auto!important}
.nativeLogin{position:relative;z-index:20}
.nativeField{display:block;margin:14px 0}
.nativeField label{display:block;margin:0 0 7px;color:#bbb}
.nativeField input{display:block;width:100%;min-height:48px;margin:0!important;padding:14px!important;font-size:16px!important;line-height:20px;background:#090909;color:#fff;border:1px solid #333;border-radius:12px;outline:none;-webkit-user-select:text!important;user-select:text!important;touch-action:manipulation;-webkit-appearance:none;appearance:none}
.nativeField input:focus{border-color:#2f80ff;box-shadow:0 0 0 1px #2f80ff}

/* V4.16: evita zoom accidental sin modificar el viewport ni los inputs de iOS */
html,body{touch-action:manipulation}

/* V4.17 · escritorio + foto de chasis */
.photos{overflow:hidden}.photos>.photoPicker{min-width:0}.photoPreview{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.photoItem{min-width:0}.photoItem img{display:block}.chassisPhotoBox{min-width:0}.chassisPreview{margin-top:8px}.chassisPreview .photoItem{max-width:180px}.formStickyActions{position:sticky;bottom:-20px;z-index:3;background:linear-gradient(180deg,transparent,#0d131b 22%);padding-top:22px}
@media(min-width:900px){dialog#formDialog{width:min(1180px,96vw)}#carForm.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.photos legend,.photos>small,.photos>.uploadStatus{grid-column:1/-1}.photos .photoPreview{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.photoItem img{aspect-ratio:4/3}.photoBtns button{min-width:0}.accessoryBox{grid-column:1/-1}.chassisPhotoBox{align-self:end}.actions{grid-column:1/-1}}
@media(min-width:1200px){dialog#formDialog{width:min(1320px,97vw)}.photos .photoPreview{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}}

/* V4.20 · visor de fotos + iconos consistentes */
.flagIcon{display:inline-block;width:20px;height:14px;border-radius:2px;margin-right:7px;vertical-align:-2px;box-shadow:0 0 0 1px #ffffff25;position:relative;overflow:hidden;background:#fff}.flagUS{background:repeating-linear-gradient(to bottom,#b22234 0 1.08px,#fff 1.08px 2.16px)}.flagUS:before{content:"";position:absolute;left:0;top:0;width:9px;height:7.5px;background:#3c3b6e}.flagDO{background:linear-gradient(90deg,#002d62 0 42%,#fff 42% 58%,#ce1126 58% 100%)}.flagDO:after{content:"";position:absolute;left:0;top:42%;width:100%;height:16%;background:#fff}.soldIcon{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-right:7px;background:#20a05a;color:#fff;font-weight:900;font-size:12px;vertical-align:1px}.albumHead b{display:flex;align-items:center}.viewThumb{position:relative;overflow:hidden;border-radius:8px;cursor:pointer}.viewThumb>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.viewPhotoBtn{display:none;position:absolute;right:6px;bottom:6px;border:1px solid #ffffff45;border-radius:8px;background:#05080dd9;color:#fff;padding:6px 8px;font-size:12px;font-weight:750}.photoViewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#000;color:#fff}.photoViewer::backdrop{background:#000}.viewerShell{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.viewerStage{width:100%;height:100%;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain}.viewerStage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.viewerCount{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#000b;border:1px solid #ffffff30;border-radius:999px;padding:7px 12px;font-size:13px}.viewerClose,.viewerNav{position:fixed;z-index:5;border:1px solid #ffffff35;background:#000a;color:#fff}.viewerClose{right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;font-size:18px}.viewerNav{top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:12px;font-size:40px;line-height:1}.viewerPrev{left:14px}.viewerNext{right:14px}.viewerNav:disabled{opacity:.2}.viewerStage{touch-action:pinch-zoom}
@media(pointer:coarse){.viewThumb{cursor:default}.viewPhotoBtn{display:block}.viewerNav{width:44px;height:58px;font-size:36px}}

/* V4.21: almacenamiento en Cuenta + miniaturas más compactas solo en PC */
.storageCard{margin:8px 0 18px;padding:14px;border:1px solid #293443;border-radius:14px;background:#0a1017}.storageHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.storageHead>div{display:grid;gap:3px}.storageHead small,.storageStatus,.storageStats small{color:#8e9aa9;font-size:12px}.storageRefresh{padding:8px 10px}.storageStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.storageStats>div{background:#111923;border:1px solid #222d3a;border-radius:11px;padding:10px;display:grid;gap:3px}.storageStats span{font-size:17px;font-weight:850}.storageStatus{margin-top:9px}.accountSubhead{margin:8px 0 10px}
@media(min-width:900px){.album .thumbs{grid-template-columns:repeat(auto-fill,minmax(105px,135px));justify-content:start}.album .viewThumb{width:100%}}

/* V4.22: almacenamiento disponible + cerrar sesión dentro de Cuenta */
.storageStats4{grid-template-columns:repeat(4,1fr)}
.storageBar{height:8px;margin-top:12px;background:#1a222d;border-radius:999px;overflow:hidden}
.storageBar>span{display:block;height:100%;width:0;background:#e31b23;border-radius:inherit;transition:width .25s ease}
.accountLogout{margin-top:18px;padding-top:16px;border-top:1px solid #293443;display:flex;justify-content:flex-end}
.accountLogout .danger{min-width:150px}
@media(max-width:700px){.storageStats4{grid-template-columns:repeat(2,1fr)}.accountLogout .danger{width:100%}}

/* V5: estadísticas, historial de precios y ficha PDF. Mantiene el estilo negro/rojo/blanco. */
.analyticsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.analyticsCard{background:#111923;border:1px solid #222d3a;border-radius:14px;padding:14px}.analyticsCard span{display:block;color:#8e9aa9;font-size:12px;margin-bottom:5px}.analyticsCard b{font-size:22px}.analyticsSection{margin-top:18px}.analyticsSection h3{margin:0 0 10px}.brandBars{display:grid;gap:9px}.brandRow{display:grid;grid-template-columns:minmax(90px,1fr) 3fr auto;gap:9px;align-items:center;font-size:13px}.brandTrack{height:8px;background:#242b34;border-radius:99px;overflow:hidden}.brandFill{height:100%;background:#e10600;border-radius:99px}.historyList{display:grid;gap:9px;margin-top:15px}.historyItem{background:#111923;border:1px solid #222d3a;border-radius:13px;padding:12px}.historyItem b{display:block;margin-bottom:4px}.historyItem small{display:block}.historyEmpty{color:#8e9aa9;padding:28px 8px;text-align:center}.pdfBtn{border:1px solid #6b2020;background:#1b1111;color:#fff;border-radius:11px;padding:10px 13px}.pdfBtn:hover{border-color:#e10600}.historyBtn{border:1px solid #303a48;background:#121923;color:#eaf0f7;border-radius:11px;padding:10px 13px}@media(max-width:560px){.analyticsGrid{grid-template-columns:1fr 1fr}.analyticsCard b{font-size:18px}.headerActions #analyticsBtn{font-size:0;padding:9px 11px}.headerActions #analyticsBtn::before{content:'📊';font-size:16px}.brandRow{grid-template-columns:90px 1fr auto}}

/* V5.0.1 · visor más cómodo solo en PC */
@media (min-width:900px) and (pointer:fine){.viewerStage img{max-width:78vw;max-height:78vh;border-radius:10px}}

.evidenceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidenceSection{border:1px solid #2a2a2a;border-radius:16px;padding:12px;margin-top:14px;background:#0d0d0d}.evidenceTitle{font-weight:800;color:#fff;margin:2px 0 10px}.evidenceSection .album{margin-top:10px}@media(max-width:650px){.evidenceGrid{grid-template-columns:1fr}}

.pendingLine{margin-top:10px;padding:7px 9px;border-radius:9px;background:#24190d;border:1px solid #5a3a17;color:#ffc56d;font-size:11px;font-weight:700;line-height:1.35}

/* V5.1.4 */
body.modalLocked{position:fixed;left:0;right:0;width:100%;overflow:hidden}
dialog[open]{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.detailLoading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:120px;color:#9aa6b5;font-size:13px}
.miniSpinner{width:18px;height:18px;border:2px solid #303a48;border-top-color:#e10600;border-radius:50%;animation:miniSpin .75s linear infinite}
@keyframes miniSpin{to{transform:rotate(360deg)}}


/* V5.1.9 */
.startupSplash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#252a31 0,#11151b 35%,#07090c 75%);backdrop-filter:blur(10px)}.startupSplash[hidden]{display:none}.splashInner{display:grid;place-items:center;gap:18px}.splashInner img{width:92px;height:92px;border-radius:22px;box-shadow:0 12px 40px #0009}.splashSpinner{width:24px;height:24px;border:3px solid #3a424e;border-top-color:#e10600;border-radius:50%;animation:miniSpin .8s linear infinite}.rateNote{display:block!important;margin-top:5px!important;color:#6f7b89!important;font-size:10px!important}.deletePermanent{border:1px solid #6d2222;background:#160b0b;color:#ffb0b0;border-radius:11px;padding:10px 13px}.deletePermanent:hover{border-color:#e10600;color:#fff}.offlineDisabled{opacity:.45;pointer-events:none}.pullRefresh{position:fixed;z-index:40;left:50%;top:max(8px,env(safe-area-inset-top));transform:translate(-50%,-70px);padding:8px 13px;border-radius:999px;background:#111923;border:1px solid #303a48;color:#aeb8c5;font-size:12px;font-weight:750;transition:transform .18s ease;pointer-events:none;box-shadow:0 8px 24px #0008}.pullRefresh.show{transform:translate(-50%,0)}.pullRefresh.ready{color:#fff;border-color:#e10600}.pullRefresh.refreshing{color:#fff}


/* V5.1.9.6: footer móvil de Agregar/Editar, sin cambiar sus eventos. */
@media (max-width:899px), (pointer:coarse){
  #formDialog #carForm > .formStickyActions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:center;
    position:static;
    bottom:auto;
    z-index:4;
    isolation:isolate;
    background:#0d131b;
    padding:12px 0 max(12px,env(safe-area-inset-bottom));
  }
  #formDialog #carForm > .formStickyActions > button{
    position:relative;
    z-index:1;
    min-width:0;
    width:100%;
    min-height:44px;
    margin:0;
    padding:12px 10px;
    line-height:1.25;
    white-space:nowrap;
    -webkit-appearance:none;
    appearance:none;
  }
}