/* Frontend finishing layer: shared actions, individual theme materials.
   Keep navigation behaviour and administrator-selected effects unchanged. */
body{--nav-paper:#f6faf3;--nav-ink:#244534;--nav-muted:#536b5b;--nav-accent:#315f45;--nav-line:#a6bca9;--nav-button:#315f45;--nav-label:#fff;--nav-radius:16px 5px 16px 5px;--nav-shadow:0 5px 15px #1f423327;--nav-font:inherit}
body[data-template="anime"]{--nav-paper:#fffaf0;--nav-ink:#263e50;--nav-muted:#516b78;--nav-accent:#ae5532;--nav-line:#3d6072;--nav-button:#ffcf80;--nav-label:#263e50;--nav-radius:18px 18px 7px 18px;--nav-shadow:3px 4px 0 #426778;--nav-font:"Microsoft YaHei",sans-serif}
body[data-template="aurora"]{--nav-paper:#f5f6ffed;--nav-ink:#263d59;--nav-muted:#53647e;--nav-accent:#65538d;--nav-line:#b6b6d2;--nav-button:linear-gradient(145deg,#fffdf7f2,#d8def8ed 55%,#c9e5ecef);--nav-label:#344263;--nav-radius:24px 12px 24px 12px;--nav-shadow:0 7px 23px #4e558a30}
body[data-template="cosmos"]{--nav-paper:#102431f5;--nav-ink:#f2f8ff;--nav-muted:#b6cfdc;--nav-accent:#8ae5e6;--nav-line:#568a9a;--nav-button:radial-gradient(circle at 30% 20%,#244c60,#0c2434);--nav-label:#b1f3f0;--nav-radius:50%;--nav-shadow:0 0 0 3px #102532,0 0 0 4px #497a8d,0 0 18px #62dce521}
body[data-template="neon"]{--nav-paper:#11121ff5;--nav-ink:#f9f7ff;--nav-muted:#c9c4da;--nav-accent:#63efff;--nav-line:#bd61b0;--nav-button:linear-gradient(145deg,#251229,#10182d);--nav-label:#7af0ff;--nav-radius:0;--nav-shadow:3px 3px 0 #913b7d,0 0 15px #e146a426}
body[data-template="business"]{--nav-paper:#fff;--nav-ink:#18394e;--nav-muted:#50687b;--nav-accent:#176a92;--nav-line:#b1c8d8;--nav-button:#fff;--nav-label:#17638b;--nav-radius:7px;--nav-shadow:0 4px 12px #173b491c}
body[data-template="ink"]{--nav-paper:#faf7ee;--nav-ink:#2b413d;--nav-muted:#576d62;--nav-accent:#9a513c;--nav-line:#b8b8a4;--nav-button:#854631;--nav-label:#fff8e7;--nav-radius:3px 7px 4px 2px;--nav-shadow:2px 3px 0 #c8bca5;--nav-font:"KaiTi","SimSun",serif}
body[data-template="orbital"]{--nav-paper:#f2f9f9f5;--nav-ink:#173c47;--nav-muted:#4c6972;--nav-accent:#097a7a;--nav-line:#79a8ad;--nav-button:linear-gradient(145deg,#f6ffff,#c7e6e8);--nav-label:#15555e;--nav-radius:50% 50% 12px 12px;--nav-shadow:inset 0 -4px 0 #b0d7d8,0 5px 13px #17576624}
body[data-template="newspaper"]{--nav-paper:#fffaf0;--nav-ink:#2c302b;--nav-muted:#5b6056;--nav-accent:#963e30;--nav-line:#535849;--nav-button:#f8f1df;--nav-label:#303b31;--nav-radius:0;--nav-shadow:3px 3px 0 #beb5a2;--nav-font:"SimSun",serif}
body[data-template="pixel"]{--nav-paper:#fffde9;--nav-ink:#202542;--nav-muted:#48526b;--nav-accent:#235cb8;--nav-line:#202542;--nav-button:#ffe26a;--nav-label:#202542;--nav-radius:0;--nav-shadow:4px 4px 0 #202542;--nav-font:"Microsoft YaHei",sans-serif}
body[data-template="forest"]{--nav-paper:#fafbf3;--nav-ink:#294631;--nav-muted:#536b51;--nav-accent:#497044;--nav-line:#a9bd9c;--nav-button:#456d48;--nav-label:#fffef1;--nav-radius:24px 6px 24px 6px;--nav-shadow:0 6px 15px #3b59312b}
body[data-template="pastoral"]{--nav-paper:#fffaf0;--nav-ink:#435337;--nav-muted:#687457;--nav-accent:#6d6530;--nav-line:#b7b184;--nav-button:#6d7137;--nav-label:#fffce8;--nav-radius:18px 18px 4px 4px;--nav-shadow:0 3px 0 #cbb47e,0 7px 17px #685b2525}
body[data-template="ocean"]{--nav-paper:#f5fcff;--nav-ink:#194c64;--nav-muted:#4d6e7d;--nav-accent:#267b9b;--nav-line:#a0c9d7;--nav-button:linear-gradient(160deg,#1f7096,#3587a5);--nav-label:#fff;--nav-radius:50% 50% 15px 15px;--nav-shadow:0 6px 20px #184e6428}

/* Sandstone wayfinding: use the shared material tokens for every drawer and action. */
body[data-template="desert"]{--nav-paper:#fff2d7;--nav-ink:#4e2b21;--nav-muted:#785141;--nav-accent:#994a2c;--nav-line:#b36c44;--nav-button:linear-gradient(155deg,#a95532,#7d3826);--nav-label:#fff7e6;--nav-radius:4px 17px 4px 17px;--nav-shadow:3px 4px 0 #d89f62,0 8px 18px #71372230}
body[data-template="desert"] .weather-quicknav{gap:13px}
body[data-template="desert"] .weather-quicknav-item{border-top-color:#e0aa72;border-bottom:3px solid #663020;min-height:55px}
body[data-template="desert"] .weather-quicknav-item svg{color:#ffe3aa}
body[data-template="desert"] .weather-quicknav-backdrop{background:#40251db3}
@media(max-width:767px){body[data-template="desert"] .weather-quicknav{background:#fff2d7;border-color:#b36c44;gap:7px}body[data-template="desert"] .weather-quicknav-item{min-height:49px}}

/* The same finish reaches the dock, drawers, announcements and share sheet. */
body .weather-quicknav-item{background:var(--nav-button)!important;color:var(--nav-label)!important;border:1px solid var(--nav-line);border-radius:var(--nav-radius);box-shadow:var(--nav-shadow);font-family:var(--nav-font);font-size:11px;min-height:52px;gap:4px;padding:5px 3px}
body .weather-quicknav-item:nth-child(2n){background:var(--nav-button)!important}
body .weather-quicknav-item>span{white-space:nowrap;font-size:10px;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body .weather-quicknav-item:focus-visible{outline:3px solid var(--nav-accent);outline-offset:4px}
body .weather-quicknav-modal section,body .weather-quicknav-qr-drawer{background:var(--nav-paper);color:var(--nav-ink);border:1px solid var(--nav-line);border-radius:var(--nav-radius);font-family:var(--nav-font);box-shadow:0 22px 65px #0a243942}
body .weather-quicknav-modal h2,body .weather-quicknav-notice strong{color:var(--nav-ink)}
body .weather-quicknav-feedback,body .weather-share-preview p{color:var(--nav-muted)}
body .weather-quicknav-close,body .weather-share-preview,body .weather-share-manual{background:var(--nav-paper);color:var(--nav-ink);border:1px solid var(--nav-line)}
body .weather-share-preview{border-left:4px solid var(--nav-accent)}
body .weather-quicknav-notice{border-color:var(--nav-line)}
body .weather-quicknav-notice a{color:var(--nav-accent)}
body .weather-share-option{background:var(--nav-button);color:var(--nav-label)!important;border:1px solid var(--nav-line);border-radius:var(--nav-radius);min-height:68px;font-size:14px}
body .weather-quicknav-qr{background:#fff;padding:6px;border-radius:4px}
body .weather-quicknav-qr-drawer{border-radius:12px}
body[data-template="anime"] .weather-quicknav-item{border-width:2px}
body[data-template="aurora"] :is(.weather-quicknav-item,.weather-quicknav-modal section){backdrop-filter:blur(16px)}
body[data-template="cosmos"] .weather-quicknav-modal section{border-radius:24px 5px 24px 5px;box-shadow:inset 0 0 24px #63c3db0f,0 22px 65px #0009}
body:is([data-template="orbital"],[data-template="ocean"]) .weather-quicknav-modal section{border-radius:28px 8px 28px 8px}
body[data-template="cosmos"] .weather-share-option{border-radius:9px}
body[data-template="neon"] .weather-quicknav-item{border-left:3px solid #ff63b9;border-radius:0 12px 0 0}
body[data-template="business"] .weather-quicknav-item{border-top:3px solid #277698}
body[data-template="ink"] :is(.weather-quicknav-item,.weather-share-option){outline:1px solid #fff3;outline-offset:-5px}
body[data-template="ink"] .weather-quicknav-modal section{border-radius:2px;border-top:5px solid #995943}
body[data-template="newspaper"] :is(.weather-quicknav-item,.weather-quicknav-modal section){border:3px double #535849}
body[data-template="pixel"] :is(.weather-quicknav-item,.weather-quicknav-modal section){border:3px solid #202542}
body[data-template="pixel"] .weather-quicknav-item{clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px),0 6px,6px 6px)}

/* Earlier themes: carry their material into secondary weather modules. */
body:not([data-template]) :is(.official-news-item,.insight-item){background:#f3f7ee;border-bottom:2px solid #9bb198;border-radius:16px 0 16px 0;padding:20px}
body[data-template="anime"] :is(.official-news-item,.insight-item){background:#fffaf0;border:2px solid #6b909f;border-radius:20px 20px 5px 20px;box-shadow:4px 4px 0 #b9d9dc;padding:22px;margin-right:14px}
body[data-template="anime"] .details-section .detail-item{border:2px solid #6b909f;border-radius:20px 7px 20px 7px;background:#fffaf0;box-shadow:3px 4px 0 #b9d9dc}
body[data-template="anime"] .section-heading h2{color:#294d61;text-shadow:1px 2px 0 #fff}
body[data-template="aurora"] :is(.official-news-item,.insight-item){background:linear-gradient(135deg,#fffffff2,#eef0fbe8 65%,#e3f2f5ec);border:1px solid #c3c9df;border-radius:28px 10px 28px 10px;padding:24px;box-shadow:0 9px 28px #52608b16;backdrop-filter:blur(12px)}
body[data-template="aurora"] :is(.official-news-item h3,.insight-item strong){color:#30455f}
body[data-template="aurora"] :is(.official-news-item p,.official-news-meta,.insight-item p){color:#50617b}
body[data-template="cosmos"] :is(.official-news-item,.insight-item){background:linear-gradient(135deg,#142d3bef,#0d202fed);border:1px solid #456b7f;border-top:2px solid #76b8c9;border-radius:18px 4px 18px 4px;padding:24px;box-shadow:inset 0 1px 20px #5ab7c40c}
body[data-template="cosmos"] :is(.official-news-item h3,.insight-item strong){color:#ecf7ff}
body[data-template="cosmos"] :is(.official-news-item p,.official-news-meta,.insight-item p){color:#b6cfdc}
body[data-template="cosmos"] .details-section .detail-item{background:radial-gradient(ellipse at 90% 0,#28536340,transparent 65%),#112937;border-color:#456b7f;border-radius:22px 5px 22px 5px}
body[data-template="neon"] :is(.official-news-item,.insight-item){background:linear-gradient(145deg,#1e1426,#101a27);border:1px solid #71556f;border-left:3px solid #f566b6;border-radius:0 26px 0 0;padding:24px;box-shadow:3px 3px 0 #321c37}
body[data-template="neon"] :is(.official-news-item h3,.insight-item strong){color:#e9e8ff}
body[data-template="neon"] :is(.official-news-item p,.official-news-meta,.insight-item p){color:#c7c4d9}
body[data-template="neon"] .details-section .detail-item{border-radius:0 22px 0 0;border-bottom:2px solid #df63b2;background:#121627}
body[data-template="business"] :is(.official-news-item,.insight-item){background:#fff;border:1px solid #ccdbe4;border-top:3px solid #326e8d;border-radius:5px;padding:22px;box-shadow:0 4px 14px #153c5310}
body[data-template="business"] .official-news-item h3{color:#233f51}
body[data-template="business"] .official-news-item p{color:#506879}
body[data-template="business"] .details-section .detail-item{border-top:3px solid #5e8196;border-radius:5px}
body[data-template="ink"] :is(.official-news-item,.insight-item){background:#faf8f0;border:1px solid #c1c7b8;border-left:4px solid #aab4a0;border-radius:2px;padding:23px;box-shadow:4px 4px 0 #d8d9ca66}
body[data-template="ink"] .official-news-meta{color:#826046}
body[data-template="ink"] .official-news-item h3{color:#304b44;font-family:"KaiTi","SimSun",serif;font-size:21px}
body[data-template="ink"] .details-section .detail-item{background:linear-gradient(150deg,#fdfaf1,#edf0e6);border-top:3px double #82998b;border-radius:0 0 26px 0}
body[data-template="orbital"] :is(.official-news-item,.insight-item){background:#f4fafa;border:1px solid #a8c8cd;border-radius:32px 8px 32px 8px;padding:24px;box-shadow:inset 0 -5px 0 #dcebee,0 8px 20px #17434d0c}
body[data-template="orbital"] .official-news-item h3{color:#204b58}
body[data-template="orbital"] .official-news-item p{color:#526d75}
body[data-template="newspaper"] .weather-quicknav-notice{border-top:3px double #535849}
body[data-template="newspaper"] .weather-share-preview{border:1px solid #868776;border-left:4px solid #963e30;border-radius:0}
body[data-template="pixel"] .weather-share-preview{border:3px solid #202542;border-radius:0;box-shadow:3px 3px 0 #d4ca94}
body[data-template="newspaper"] #hero[data-weather-day="0"] .weather-maker-stage:before{display:none!important}
body[data-template="newspaper"] #hero[data-weather-day="0"] .weather-maker-sun{background:#e7dfc3!important;box-shadow:none!important}
body[data-template="newspaper"] #hero[data-weather-day="0"] .weather-maker-sun:before{display:none}
body[data-template="newspaper"] #hero:not([data-weather-day="0"]) .weather-maker-sun{display:none!important}

/* Destination details use the same paper/metal/ink palette as the weather UI. */
body:is(:not([data-template]),[data-template="anime"],[data-template="aurora"],[data-template="cosmos"],[data-template="neon"],[data-template="business"],[data-template="ink"],[data-template="orbital"],[data-template="newspaper"],[data-template="pixel"]) :is(.trip-category-tag,.trip-main-sights li){background:var(--nav-paper);color:var(--nav-ink);border:1px solid var(--nav-line);border-radius:var(--nav-radius);font-size:14px;line-height:1.5}
body[data-template="anime"] .trip-main-sights li{border-width:2px;box-shadow:2px 2px 0 #b9d9dc}
body[data-template="aurora"] .trip-main-sights li{background:linear-gradient(135deg,#fff,#e5eaf9);border-radius:18px 5px 18px 5px}
body[data-template="cosmos"] .trip-main-sights li{border-radius:20px;background:#102b3a;border-color:#528693;color:#dceff8}
body[data-template="neon"] .trip-main-sights li{border-radius:0 12px 0 0;border-left:3px solid #e25aa9;background:#151526;color:#ece9ff}
body[data-template="business"] .trip-main-sights li{border-radius:4px;border-left:3px solid #3b7895}
body[data-template="ink"] .trip-main-sights li{border-radius:1px;border-top:2px solid #a7b5a0;background:#f7f5ea;font-family:"SimSun",serif}
body[data-template="orbital"] .trip-main-sights li{border-radius:20px 20px 5px 5px;box-shadow:inset 0 -3px 0 #d1e6e8}
body[data-template="newspaper"] .trip-main-sights li{border-radius:0;border:3px double #969480;background:#fffaf0}
body[data-template="pixel"] .trip-main-sights li{border:2px solid #202542;border-radius:0;box-shadow:2px 2px 0 #202542}
body[data-template="anime"] .section-head{border-left:5px solid #d89754;padding-left:14px}
body[data-template="aurora"] .section-head{border-left:3px solid #a392c4;padding-left:16px}
body[data-template="cosmos"] .section-head{border-left:2px solid #78c2d1;padding-left:16px}
body[data-template="neon"] .section-head{border-left:3px solid #e65dad;padding-left:16px}
body[data-template="business"] .section-head{border-left:4px solid #457d98;padding-left:14px}
body[data-template="ink"] .section-head{border-left:4px double #a66c51;padding-left:18px}

/* Weather scenery keeps the data-driven sun/moon/rain, with theme-specific finish. */
body[data-template="anime"] #hero .weather-maker-sun{border:3px solid #f9f0d4;box-shadow:5px 5px 0 #527a9180,0 0 0 10px #fff4c226!important}
body[data-template="anime"] #hero .weather-maker-cloud{filter:blur(5px)!important;opacity:.6}
body[data-template="aurora"] #hero .weather-maker-sun:before{border-color:#efe8ff70;box-shadow:0 0 28px #edc7ef66}
body[data-template="cosmos"] #hero[data-weather-day="0"] .weather-maker-stage:before{background:radial-gradient(circle at 66% 16%,#d3f5ff 0 1px,transparent 2px),radial-gradient(circle at 89% 48%,#bde5ef 0 1px,transparent 2px),radial-gradient(circle at 73% 72%,#bde5ef 0 1px,transparent 2px),radial-gradient(circle at 54% 38%,#bde5ef 0 1px,transparent 2px),radial-gradient(ellipse at 80% 30%,#42809c22,transparent 50%)!important}
body[data-template="neon"] #hero .weather-maker-sun:before{border:1px solid #ea85d9;box-shadow:0 0 13px #e074ca66;inset:-12px}
body[data-template="neon"] #hero .weather-maker-horizon{opacity:.45;background:repeating-linear-gradient(90deg,#9e55b844 0 1px,transparent 1px 32px),linear-gradient(0deg,#13192e,#32446d);filter:blur(1px)}
body[data-template="business"] #hero .weather-maker-sun:before{display:none}
body[data-template="business"] #hero .weather-maker-horizon{filter:blur(7px);opacity:.24}
body[data-template="ink"] #hero .weather-maker-cloud{filter:blur(19px)!important;opacity:.45}
body[data-template="ink"] #hero .weather-maker-sun:before{border-color:#9a86746b;inset:-7px;animation:none}

/* Keep hover treatments subordinate to the backend effect switch. */
body .weather-quicknav-item svg{transition:transform .18s ease}
body .weather-quicknav:not(.quick-effect--none) .weather-quicknav-item:hover svg{transform:translateY(-2px)}
@media(min-width:768px){body .site-shell{width:min(100% - 92px,1500px)}body .weather-quicknav{right:24px;gap:12px}}
@media(max-width:767px){body:has(.weather-quicknav){padding-bottom:88px}body .weather-quicknav{background:var(--nav-paper);border-color:var(--nav-line);border-radius:12px;gap:7px;padding:7px 9px;bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 5px 20px #142f4330}body .weather-quicknav-item{min-width:44px;width:44px;min-height:46px;box-shadow:none;font-size:10px}body .weather-quicknav-modal section{max-height:calc(100dvh - 44px);border-radius:16px}body .weather-share-option{border-radius:7px}body:is([data-template="anime"],[data-template="aurora"],[data-template="cosmos"],[data-template="neon"],[data-template="business"],[data-template="ink"],[data-template="orbital"]) :is(.official-news-item,.insight-item){margin-right:0;padding:20px}body .weather-quicknav-item svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){body .weather-quicknav-item svg{transition:none}body .weather-quicknav-item:hover svg{transform:none}}