*{box-sizing:border-box}body{margin:0;color:#073e58;background:linear-gradient(160deg,#e6f9fb,#f7fafb);font-family:Arial,sans-serif;min-height:100dvh}main{max-width:520px;margin:auto;padding:24px 16px 48px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}header img{width:130px;height:auto}select{font:inherit;max-width:140px;padding:10px;border:1px solid #8ab3bc;border-radius:12px;background:white;color:#073e58}.entry-card{padding:32px 24px;background:white;border-radius:24px;box-shadow:0 12px 48px #073e5820}.entry-card h1{font-size:1.7rem;line-height:1.4}.entry-card p{line-height:1.7}.entry-link{display:block;text-align:center;text-decoration:none;border-radius:14px;padding:16px;margin-block:14px;background:#087e8b;color:white;font-weight:bold}.entry-link.secondary{background:#edf9fb;color:#073e58}a:focus-visible,select:focus-visible{outline:3px solid #12cbd0;outline-offset:3px}.account-note{line-height:1.6;margin:0 10px 18px}.back{display:inline-block;margin-top:24px;color:#073e58}.navigam-login{width:100%}[hidden]{display:none!important}

/* Customer dashboard: account-only view; never alters the trip application. */
body.account-dashboard-ready main{max-width:1100px;padding-inline:clamp(16px,4vw,44px)}
#customer-dashboard{display:block;width:100%;color:#073e58;font-family:inherit;text-align:start}
#customer-dashboard .customer-hero{background:linear-gradient(125deg,#073e58,#086d82);border-radius:24px;padding:clamp(20px,4vw,40px);color:#fff;box-shadow:0 14px 36px #073e5822}
#customer-dashboard .customer-hero>span{display:block;font-size:.87rem;letter-spacing:.06em;font-weight:700;opacity:.9}
#customer-dashboard .customer-hero h1{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.2;margin:16px 0 10px;color:#fff}
#customer-dashboard .customer-hero p{margin:0;color:#e2f6fa;line-height:1.6}
#customer-dashboard .customer-summary{display:flex;align-items:center;gap:12px;margin-top:22px;border:1px solid #ffffff55;border-radius:14px;padding:12px 18px;background:#ffffff14;width:max-content;max-width:100%}
#customer-dashboard .customer-summary strong{font-size:1.75rem;line-height:1}
#customer-dashboard .customer-summary span{font-size:.9rem;color:#eefbff}
#customer-dashboard .customer-section-title{font-size:1.35rem;margin:30px 0 16px;color:#073e58}
#customer-dashboard .customer-trips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
#customer-dashboard .customer-trip{display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:#fff;border:1px solid #cde5e9;border-radius:20px;box-shadow:0 8px 30px #073e5812;padding:24px;min-width:0}
#customer-dashboard .customer-trip-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px}
#customer-dashboard .customer-trip h3{overflow-wrap:anywhere;font-size:1.14rem;line-height:1.55;margin:0 0 8px;color:#073e58}
#customer-dashboard .customer-tier{display:inline-flex;border-radius:999px;padding:7px 11px;font-weight:700;font-size:.78rem;background:#e5f4ff;color:#07516a}
#customer-dashboard .customer-tier.is-preview{background:#fff4d6;color:#805000}
#customer-dashboard .customer-selected{display:inline-block;font-size:.78rem;color:#116b79}
#customer-dashboard .customer-action{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px 18px;border:1px solid #087e8b;border-radius:12px;background:#087e8b;color:white;text-align:center;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
#customer-dashboard .customer-action.secondary{background:#fff;color:#073e58;border-color:#8ab3bc}
#customer-dashboard .customer-action:disabled{opacity:.65;cursor:wait}
#customer-dashboard .customer-action:focus-visible{outline:3px solid #12cbd0;outline-offset:3px}
#customer-dashboard .customer-feedback{min-height:1.5em;color:#994c16;font-size:.9rem}
#customer-dashboard .customer-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#customer-dashboard .customer-footer>*{flex:1 1 220px}
@media(max-width:640px){body.account-dashboard-ready main{padding:20px 16px 40px}#customer-dashboard .customer-trip{padding:20px}#customer-dashboard .customer-hero{border-radius:20px}#customer-dashboard .customer-section-title{margin-top:24px}}