/* Each travel app keeps one recognizable palette across launchers, tabs and previews. */
:root{--app-tone:#4b795c;--app-deep:#31583f;--app-soft:#eaf2e5;--app-line:#cedec7;--app-ink:#37543b}
.home-service[data-navigate="guides"],.menu-tile[data-navigate="guides"],#travelTab-guides,#travelPanel-guides{--app-tone:#a36530;--app-deep:#7e4925;--app-soft:#f7ecdd;--app-line:#e8d4bb;--app-ink:#684529;}
.home-service[data-navigate="visas"],.menu-tile[data-navigate="visas"],#travelTab-visas,#travelPanel-visas{--app-tone:#586bb0;--app-deep:#394d85;--app-soft:#ecf0fc;--app-line:#d1dbf1;--app-ink:#364571;}
.home-service[data-navigate="currency"],.menu-tile[data-navigate="currency"],#travelTab-currency,#travelPanel-currency{--app-tone:#248268;--app-deep:#14644e;--app-soft:#e3f3eb;--app-line:#bcdece;--app-ink:#205342;}
.home-service[data-navigate="embassies"],.menu-tile[data-navigate="embassies"],#travelTab-embassies,#travelPanel-embassies{--app-tone:#3d78ad;--app-deep:#285986;--app-soft:#e6f1fa;--app-line:#c6dceb;--app-ink:#284d6b;}
.home-service[data-navigate="esim"],.menu-tile[data-navigate="esim"],#travelTab-esim,#travelPanel-esim{--app-tone:#8b56a6;--app-deep:#68417f;--app-soft:#f3eafa;--app-line:#dfcbee;--app-ink:#5d3e70;}
.home-service[data-navigate="map"],.menu-tile[data-navigate="map"]{--app-tone:#2b8a8e;--app-deep:#1e666e;--app-soft:#e4f3f2;--app-line:#bededc;--app-ink:#28595d;}
.home-service[data-navigate="collections"],.menu-tile[data-navigate="collections"]{--app-tone:#4b795c;--app-deep:#31583f;--app-soft:#eaf2e5;--app-line:#cedec7;--app-ink:#37543b;}
.home-service[data-navigate="game"],.menu-tile[data-navigate="game"]{--app-tone:#af7629;--app-deep:#825119;--app-soft:#fcf1d9;--app-line:#e8d5af;--app-ink:#785023;}
.home-service[data-navigate="circle"],.menu-tile[data-navigate="circle"]{--app-tone:#ad5c7e;--app-deep:#813a59;--app-soft:#f9eaf0;--app-line:#e8cbd8;--app-ink:#753e56;}
.upcoming-card[data-navigate="service:insurance"],.upcoming-detail[data-service-theme="insurance"]{--app-tone:#278477;--app-deep:#1b6359;--app-soft:#e5f5ee;--app-line:#c0dfd3;--app-ink:#28594d;}
.upcoming-card[data-navigate="service:claims"],.upcoming-detail[data-service-theme="claims"]{--app-tone:#4d659c;--app-deep:#334772;--app-soft:#eaf0fa;--app-line:#cdd8ed;--app-ink:#374d72;}
.upcoming-card[data-navigate="service:airport-pickups"],.upcoming-detail[data-service-theme="airport-pickups"]{--app-tone:#337f9f;--app-deep:#255f7c;--app-soft:#e7f4f8;--app-line:#c4e0e9;--app-ink:#315b6e;}
.upcoming-card[data-navigate="service:tours"],.upcoming-detail[data-service-theme="tours"]{--app-tone:#b76745;--app-deep:#8b4930;--app-soft:#fcf0e4;--app-line:#efd7c3;--app-ink:#7c4c32;}
.upcoming-card[data-navigate="service:car-rentals"],.upcoming-detail[data-service-theme="car-rentals"]{--app-tone:#586c80;--app-deep:#3c4f63;--app-soft:#eaf0f3;--app-line:#cfdbe3;--app-ink:#3d5364;}
.upcoming-card[data-navigate="service:stays"],.upcoming-detail[data-service-theme="stays"]{--app-tone:#b4607e;--app-deep:#8a405c;--app-soft:#fbeaf0;--app-line:#edccd9;--app-ink:#7f445b;}
.upcoming-card[data-navigate="service:flights"],.upcoming-detail[data-service-theme="flights"]{--app-tone:#4277bc;--app-deep:#2b5793;--app-soft:#eaf2fd;--app-line:#cadaf1;--app-ink:#345784;}
.upcoming-card[data-navigate="service:attractions"],.upcoming-detail[data-service-theme="attractions"]{--app-tone:#a27a2d;--app-deep:#77551d;--app-soft:#fbf3dc;--app-line:#e9dab4;--app-ink:#715323;}
.upcoming-card[data-navigate="service:audio-guides"],.upcoming-detail[data-service-theme="audio-guides"]{--app-tone:#7d5bb1;--app-deep:#5b3c89;--app-soft:#f1ebfc;--app-line:#ddcef0;--app-ink:#583e78;}
/* Saturated app emblems float on quiet, warm tinted surfaces. */
.home-services{gap:13px}
.home-service{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--app-line);border-radius:21px;background:linear-gradient(155deg,#fffefa 12%,var(--app-soft) 100%);box-shadow:0 3px 8px #25362e04,inset 0 1px 0 #fff;color:var(--app-ink);padding:20px 8px 17px;gap:11px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-service::after{content:"";position:absolute;right:-28px;top:-35px;z-index:-1;width:95px;height:95px;border:1px solid var(--app-line);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--app-soft) 65%,transparent);opacity:.65;pointer-events:none}
.home-service .home-service-icon{position:relative;width:55px;height:55px;border:1px solid #ffffff5e;border-radius:17px;background:linear-gradient(145deg,var(--app-tone),var(--app-deep));color:#fff;box-shadow:0 5px 10px color-mix(in srgb,var(--app-deep) 18%,transparent),inset 0 1px 0 #ffffff45;flex-shrink:0}
.home-service-icon::after,.upcoming-icon::after,.upcoming-detail-icon::after{content:"";position:absolute;inset:3px;border:1px solid #ffffff24;border-radius:inherit;pointer-events:none}
.home-service .home-service-icon svg{width:28px!important;height:28px!important;stroke-width:1.7}.home-service-icon .trip-icon-tint,.upcoming-icon .trip-icon-tint,.upcoming-detail-icon .trip-icon-tint{fill:currentColor;fill-opacity:.15;stroke:none}
.home-service strong{font-size:13px;letter-spacing:.1px}.home-service small{color:#596969;font-size:10px}
.home-service:focus-visible,.upcoming-card:focus-visible{outline:3px solid var(--app-deep);outline-offset:3px}
.home-life .home-service{padding:18px}.home-life .home-service small{padding-left:69px;margin-top:-16px;color:#596969}
/* Preview services have individual colors, a small accent edge and clear status pills. */
.upcoming-grid{gap:16px}
.upcoming-card,.upcoming-compact .upcoming-card{isolation:isolate;overflow:hidden;padding:23px;border:1px solid var(--app-line);border-radius:22px;background:linear-gradient(135deg,#fffdfa 12%,var(--app-soft) 100%);color:var(--app-ink);box-shadow:0 3px 8px #24334105,inset 0 1px 0 #fff;gap:13px;min-height:201px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.upcoming-card::before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:3px;background:var(--app-tone);border-radius:0 4px 4px 0;opacity:.8}
.upcoming-card::after{content:"";position:absolute;z-index:-1;width:112px;height:112px;right:-25px;bottom:-44px;border:1px solid var(--app-line);border-radius:36px;transform:rotate(-24deg);box-shadow:0 0 0 12px color-mix(in srgb,var(--app-soft) 60%,transparent);pointer-events:none;opacity:.8}
.upcoming-card .upcoming-icon,.upcoming-compact .upcoming-icon{position:relative;display:grid;width:57px;height:57px;border-radius:18px;border:1px solid #ffffff65;background:linear-gradient(145deg,var(--app-tone),var(--app-deep));color:#fff;box-shadow:0 5px 10px color-mix(in srgb,var(--app-deep) 15%,transparent),inset 0 1px 0 #ffffff42}
.upcoming-card .upcoming-icon svg,.upcoming-compact .upcoming-icon svg{width:29px!important;height:29px!important;stroke-width:1.55}
.upcoming-card strong,.upcoming-compact .upcoming-card strong{font-size:15px;line-height:1.4;letter-spacing:-.1px;padding-right:8px}.upcoming-card small{color:#586671;font-size:11px;line-height:1.65;max-width:92%}
.upcoming-badge{border-color:var(--app-line);background:#ffffffd6;color:var(--app-ink);font-size:9px;letter-spacing:.1px;box-shadow:0 1px 3px #25352b04}
.upcoming-badge::before{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;margin-right:5px;margin-bottom:1px;border-radius:50%;background:var(--app-tone)}
.upcoming-card>.upcoming-badge,.upcoming-compact .upcoming-badge{top:23px;right:17px;padding:6px 8px}.upcoming-card .upcoming-arrow{color:var(--app-tone);right:19px;bottom:20px;font-size:18px}
/* Carry the selected app identity into its detail view. */
.upcoming-detail>header{position:relative;overflow:hidden;margin-top:13px;padding:30px;border:1px solid var(--app-line);border-radius:24px;background:linear-gradient(120deg,#fffdf9,var(--app-soft))}
.upcoming-detail>header::after{content:"";position:absolute;right:-35px;top:-57px;width:170px;height:170px;border:1px solid var(--app-line);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--app-soft) 60%,transparent);pointer-events:none}
.upcoming-detail-icon{position:relative;width:73px;height:73px;border:1px solid #ffffff64;border-radius:23px;color:#fff;background:linear-gradient(145deg,var(--app-tone),var(--app-deep));box-shadow:0 7px 15px color-mix(in srgb,var(--app-deep) 15%,transparent),inset 0 1px 0 #ffffff4d}
.upcoming-detail-icon svg{width:38px!important;height:38px!important}.upcoming-detail h2{color:var(--app-ink);position:relative;z-index:1}.upcoming-detail>header p{color:#53636a;position:relative;z-index:1;margin-bottom:0}
.upcoming-status{border-color:var(--app-line);background:var(--app-soft)}.upcoming-status strong,.upcoming-back{color:var(--app-ink)}.upcoming-status p{color:#52636b}
.upcoming-claim{margin-top:23px;background:linear-gradient(130deg,#334b73,#243754);box-shadow:0 8px 22px #263b5a10}.upcoming-claim .eyebrow{color:#c6d6ec}.upcoming-claim>p{color:#e0e7f1}.upcoming-cases li{border-color:#8398b166;background:#ffffff08}.upcoming-cases svg{color:#c4d5f3}.upcoming-claim .upcoming-eligibility{border-color:#96abc64a}.upcoming-claim .upcoming-rate{color:#bdcee4}.upcoming-sources a{color:#d5e2f5}
/* App-colored tabs and introductory panels, while status colors retain their meaning. */
.travel-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--app-ink)}
.travel-app-icon{display:inline-flex;width:17px;height:17px;flex-shrink:0;color:var(--app-tone)}.travel-app-icon svg{width:17px!important;height:17px!important}
.travel-tabs button[aria-selected=true]{background:var(--app-soft);color:var(--app-ink);border-color:var(--app-tone);box-shadow:inset 0 -2px 0 var(--app-tone)}
#travelPanel-guides .guide-home-hero,#travelPanel-currency .currency-hero,#travelPanel-visas .visa-hero,#travelPanel-embassies .emb-hero{background:linear-gradient(125deg,#fffdfa,var(--app-soft));border:1px solid var(--app-line);border-radius:23px;padding:28px;margin-bottom:21px;max-width:none}
#travelPanel-guides .guide-home-hero h2,#travelPanel-currency .currency-hero h2,#travelPanel-visas .visa-hero h2,#travelPanel-embassies .emb-hero h2{color:var(--app-ink)}
#travelPanel-guides .guide-home-hero .eyebrow,#travelPanel-currency .currency-hero .eyebrow,#travelPanel-visas .visa-hero .eyebrow,#travelPanel-embassies .emb-hero .eyebrow{color:var(--app-deep)}
#travelPanel-visas .visa-hero p,#travelPanel-embassies .emb-hero p,#travelPanel-currency .currency-hero p{color:#52666d}
#travelPanel-currency .currency-output{background:linear-gradient(125deg,#236e59,#174e40)}
#travelPanel-esim .esim-hero{background:linear-gradient(120deg,#fcf8ff,#eee2f8);border-color:#dfcbee}
.menu-tile>.nav-symbol{display:grid;place-items:center;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--app-soft);color:var(--app-deep)}.menu-secondary .menu-tile>.nav-symbol{width:34px;height:34px;padding:7px}
@media(hover:hover){.home-service:hover,.upcoming-card:hover{background:linear-gradient(135deg,#fffefa,var(--app-soft));border-color:var(--app-tone);box-shadow:0 9px 23px color-mix(in srgb,var(--app-deep) 11%,transparent);transform:translateY(-3px)}}
@media(max-width:760px){
 .home-services{gap:10px}.home-service{padding:17px 6px 14px;gap:10px;border-radius:19px}.home-service .home-service-icon{width:49px;height:49px;border-radius:16px}.home-service .home-service-icon svg{width:26px!important;height:26px!important}.home-service small{font-size:9px}.home-service strong{font-size:12px}
 .home-life .home-service{padding:16px 7px}.home-life .home-service small{padding:0;margin:0;font-size:9px}
 .upcoming-grid{gap:12px}.upcoming-card,.upcoming-compact .upcoming-card{padding:18px 15px;gap:11px;min-height:215px;border-radius:20px}
 .upcoming-card .upcoming-icon,.upcoming-compact .upcoming-icon{width:50px;height:50px;border-radius:16px}.upcoming-card .upcoming-icon svg,.upcoming-compact .upcoming-icon svg{width:26px!important;height:26px!important}
 .upcoming-card>.upcoming-badge,.upcoming-compact .upcoming-badge{position:static;order:0;align-self:flex-start;font-size:8px;padding:5px 7px}.upcoming-card strong,.upcoming-compact .upcoming-card strong{font-size:13px;padding-right:0}.upcoming-card small{font-size:10px;max-width:100%}.upcoming-card::before{top:21px;bottom:21px}
 .upcoming-detail>header{padding:23px 21px}.upcoming-detail>header::after{width:120px;height:120px;right:-49px;top:-40px}.upcoming-detail-icon{width:65px;height:65px;border-radius:21px}
 #travelPanel-guides .guide-home-hero,#travelPanel-currency .currency-hero,#travelPanel-visas .visa-hero,#travelPanel-embassies .emb-hero{padding:22px 19px;border-radius:20px}
 .travel-tabs button{gap:6px}.travel-app-icon,.travel-app-icon svg{width:15px!important;height:15px!important}
}
@media(prefers-reduced-motion:reduce){.home-service,.upcoming-card{transition:none}.home-service:hover,.upcoming-card:hover{transform:none}}
@media(forced-colors:active){.home-service,.upcoming-card,.home-service-icon,.upcoming-icon,.upcoming-detail-icon{background:Canvas;color:CanvasText;border:1px solid CanvasText}.home-service::after,.upcoming-card::after,.upcoming-card::before,.upcoming-detail>header::after{display:none}}
