/* Explicit preference backup controls: no new navigation or vehicle state. */
.ecl-cloud-panel{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface2,var(--surface));}
.ecl-cloud-panel[hidden]{display:none!important}.ecl-cloud-panel h3{font-size:17px;margin:0 0 6px}.ecl-cloud-panel p{line-height:1.55}
.ecl-cloud-actions{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0}.ecl-cloud-actions .button{flex:1;min-width:155px}
.ecl-cloud-status{border:1px solid var(--border);border-radius:9px;padding:10px;font-size:13px}
.ecl-cloud-status[data-state=error]{border-color:var(--accent)}

#vehicle-mods{width:100%;min-height:100px;resize:vertical;margin-top:7px;font:inherit;line-height:1.5}
#ecl-cloud-garage-panel{margin-top:14px}#ecl-cloud-garage-panel h3{margin-top:0}

.ecl-smart-controls{margin:15px 0;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface,var(--surface2));}
.ecl-smart-controls h4{display:flex;gap:9px;align-items:center;margin:0 0 7px;font-size:15px}
.ecl-smart-controls .ecl-cloud-actions{margin:9px 0}
.ecl-smart-controls button[hidden]{display:none!important}
.ecl-cloud-status[data-state=success]{border-color:var(--success,#56c99a)}
.ecl-cloud-status[data-state=offline]{border-color:var(--warning,#d5a44f)}

/* v0.9.30: make sync storage locations, pending changes and conflicts understandable. */
.ecl-smart-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}
.ecl-smart-location{min-width:0;padding:12px;background:var(--surface2,var(--surface));border:1px solid var(--border);border-radius:10px}
.ecl-smart-location>span{display:block;font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--muted,#91a0b4);margin-bottom:6px}
.ecl-smart-location strong{font-size:13px;line-height:1.4;display:block;overflow-wrap:anywhere}
.ecl-smart-location small{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:var(--muted,#a4acc0)}
.ecl-smart-help,.ecl-smart-conflict{border-radius:10px;padding:13px;margin:14px 0;line-height:1.5}
.ecl-smart-help{border:1px solid var(--warning,#dea544);background:color-mix(in srgb,var(--warning,#dea544) 7%,transparent)}
.ecl-smart-help p{font-size:13px;margin:6px 0 11px}
.ecl-smart-conflict{border:1px solid var(--accent,#ff454d);background:color-mix(in srgb,var(--accent,#ff454d) 5%,transparent)}
.ecl-smart-conflict h5{font-size:15px;margin:0 0 5px}
.ecl-smart-conflict>p{font-size:13px;margin:5px 0 12px}
.ecl-smart-conflict-copies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ecl-smart-conflict-copies>div{min-width:0;border:1px solid var(--border);background:var(--surface2,var(--surface));border-radius:9px;padding:12px}
.ecl-smart-conflict-copies p{margin:5px 0 0;white-space:pre-line;overflow-wrap:anywhere;font-size:12px}
.ecl-smart-conflict-copies strong{font-size:13px}
@media(max-width:560px){.ecl-smart-location-grid,.ecl-smart-conflict-copies{grid-template-columns:1fr}.ecl-smart-conflict .button{min-width:100%}}