/* FindMyPlane - small modern UI enhancements */
:root{
    --accent:#0d6efd;
    --muted:#6c757d;
    --bg:#f6f8fa;
    --card:#ffffff;
    --glass: rgba(255,255,255,0.75);
    --shadow: 0 6px 18px rgba(14,20,30,0.08);
}
html,body{background:var(--bg);height:100%;}
body{font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#222;margin:0;padding:0}
/* Navbar */
.navbar-brand{font-weight:700;letter-spacing:0.3px}
.navbar{box-shadow: var(--shadow);}
/* Map container card */
#map{border-radius:8px;overflow:hidden;box-shadow: var(--shadow);border:1px solid rgba(0,0,0,0.04)}
.container-fluid.p-2 > .row > .col-12 > h3{margin:0 0 8px 0;font-weight:600}
/* Table card */
.table-responsive{background:var(--card);border-radius:8px;padding:12px;border:1px solid rgba(0,0,0,0.04);box-shadow: var(--shadow)}
#planesTable thead th{font-size:0.8rem;color:var(--muted);letter-spacing:0.6px}
#planesTable tbody td{vertical-align:middle}
/* altitude badge */
.alt-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:linear-gradient(180deg,#fff,#e9f2ff);border:1px solid rgba(13,110,253,0.12);color:var(--accent);font-weight:600;font-size:0.9rem}
/* popup styling tweaks */
.leaflet-popup-content-wrapper{border-radius:8px}
.leaflet-popup-content{font-size:0.95rem}
/* status/footer */
footer.footer{position:fixed;left:0;right:0;bottom:12px;pointer-events:auto}
footer .btn{margin-right:6px}
/* responsive tweaks */
@media (max-width:768px){
    #map{height:50vh}
    .table-responsive{padding:8px}
}