/* Сезоны и погода: декоративный слой только темы iPhone Glass. */
@media screen {
body.workplace-theme[data-theme="japan-office"] {
 --j-season-day:url('assets/wallpapers/interwood-office-autumn-day-v7.png');
 --j-season-night:url('assets/wallpapers/interwood-office-autumn-night-v7.png');
}
body.workplace-theme[data-theme="japan-office"][data-japan-season="winter"] {
 --j-season-day:url('assets/wallpapers/interwood-office-winter-day-v7.png');
 --j-season-night:url('assets/wallpapers/interwood-office-winter-night-v7.png');
}
body.workplace-theme[data-theme="japan-office"][data-japan-season="spring"] {
 --j-season-day:url('assets/wallpapers/interwood-office-spring-day-v7.png');
 --j-season-night:url('assets/wallpapers/interwood-office-spring-night-v7.png');
}
body.workplace-theme[data-theme="japan-office"][data-japan-season="summer"] {
 --j-season-day:url('assets/wallpapers/interwood-office-summer-day-v7.png');
 --j-season-night:url('assets/wallpapers/interwood-office-summer-night-v7.png');
}
body.workplace-theme[data-theme="japan-office"] #japanLandscape .japan-scene-day {background-image:var(--j-season-day)}
body.workplace-theme[data-theme="japan-office"] #japanLandscape .japan-scene-night {background-image:var(--j-season-night)}
body.workplace-theme[data-theme="japan-office"] #japanLandscape .japan-scene-dawn {background-image:linear-gradient(180deg,#eea7b34a,#f9debf25 55%,#5267a51f),var(--j-season-day)}
body.workplace-theme[data-theme="japan-office"] #japanLandscape .japan-scene-dusk {background-image:linear-gradient(175deg,#9b3b8066,#ffae6b70 48%,#20356666),var(--j-season-day)}
body.workplace-theme[data-theme="japan-office"] .mini-japan-office {background-image:linear-gradient(180deg,#266ab14d,#132f5540),var(--j-season-day)!important}
/* Атмосфера находится под интерфейсом и не перехватывает клики. */
body.workplace-theme[data-theme="japan-office"] #japanWeatherEffects {position:absolute;inset:0;overflow:hidden;pointer-events:none;contain:layout paint;--j-cloud-opacity:.32}
body.workplace-theme[data-theme="japan-office"] #japanWeatherEffects > div {position:absolute;inset:-10%;pointer-events:none;opacity:0;transition:opacity 1.8s ease}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="clear"][data-japan-phase="day"] .japan-weather-haze {opacity:.3;background:radial-gradient(ellipse at 80% 5%,#fff7d273,transparent 47%)}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="cloudy"] .japan-weather-haze {opacity:var(--j-cloud-opacity);background:radial-gradient(ellipse at 15% 0%,#c4d2e0dd,transparent 65%),radial-gradient(ellipse at 88% 12%,#bec9d8d9,transparent 65%),linear-gradient(#34476155,#6c859530);filter:blur(12px)}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="fog"] .japan-weather-haze {opacity:.62;background:radial-gradient(ellipse at 20% 62%,#e3edf4c9,transparent 60%),radial-gradient(ellipse at 85% 45%,#d0e2f2c9,transparent 62%),linear-gradient(transparent 10%,#deebf36b 80%);filter:blur(15px);animation:japan-weather-drift 35s ease-in-out infinite alternate}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="rain"] .japan-weather-haze,body.workplace-theme[data-theme="japan-office"][data-japan-weather="storm"] .japan-weather-haze {opacity:.5;background:linear-gradient(#15253e7a,#667b9245),radial-gradient(ellipse at 50% 0%,#b4c8d9aa,transparent 65%)}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="storm"] .japan-weather-haze {opacity:.7;background:linear-gradient(#10192bb5,#3b4c6573)}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="snow"] .japan-weather-haze {opacity:.28;background:linear-gradient(#c5d7e854,#d8e5ed78)}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="rain"] .japan-weather-particles,body.workplace-theme[data-theme="japan-office"][data-japan-weather="storm"] .japan-weather-particles {opacity:.42;background-image:repeating-linear-gradient(105deg,transparent 0 72px,#d6edff77 73px,transparent 74px,transparent 149px),repeating-linear-gradient(105deg,transparent 0 111px,#c4e5f95c 112px,transparent 113px,transparent 227px);background-size:180px 210px,270px 310px;animation:japan-weather-rain 1.2s linear infinite}
body.workplace-theme[data-theme="japan-office"][data-japan-weather="snow"] .japan-weather-particles {opacity:.78;background-image:radial-gradient(circle,#ffffffed 0 1.5px,transparent 2.5px),radial-gradient(circle,#ffffffc4 0 1px,transparent 2px),radial-gradient(circle,#ffffffb4 0 2px,transparent 3px);background-position:0 0,49px 77px,90px 30px;background-size:151px 171px,219px 239px,327px 291px;animation:japan-weather-snow 19s linear infinite}
body.workplace-theme[data-theme="japan-office"][data-japan-phase="night"] #japanWeatherEffects .japan-weather-haze {filter:brightness(.62)}
@keyframes japan-weather-rain {from{transform:translate(0,-25px)}to{transform:translate(-10px,55px)}}
@keyframes japan-weather-snow {from{transform:translate(0,-9%)}to{transform:translate(30px,9%)}}
@keyframes japan-weather-drift {from{transform:translateX(-3%)}to{transform:translateX(3%)}}
/* Компактные условия в шапке, подробности — в отдельном окне. */
#japanEnvironmentControl[hidden] {display:none!important}
body.workplace-theme[data-theme="japan-office"] #japanEnvironmentControl {flex:0 0 auto}
body.workplace-theme[data-theme="japan-office"] #japanEnvironmentControl .japan-environment-button {display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:44px!important;border-radius:15px;min-width:152px;max-width:220px}
body.workplace-theme[data-theme="japan-office"] #japanEnvironmentControl .japan-environment-copy {display:flex!important;flex-direction:column;gap:3px;text-align:left;white-space:nowrap}
body.workplace-theme[data-theme="japan-office"] #japanEnvironmentControl :is(.japan-environment-icon,.japan-environment-chevron) {display:inline-block!important}
.japan-environment-copy b {font-size:11px;font-weight:750}
.japan-environment-copy small {font-size:9px;font-weight:500;max-width:158px;overflow:hidden;text-overflow:ellipsis}
.japan-environment-icon {font-size:23px;line-height:1;color:#427ba8}
.japan-environment-chevron {font-size:13px}
body.workplace-theme[data-theme="japan-office"][data-japan-phase="night"] .japan-environment-icon {color:#c1ddff}
body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog {width:min(610px,calc(100vw - 30px));max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;padding:25px;color:var(--t-text);background:var(--j-glass);border:1px solid var(--j-edge);border-bottom:3px solid var(--j-bottom);border-radius:24px;box-shadow:inset 0 2px 0 var(--j-glow),0 20px 60px #07182d73;backdrop-filter:blur(26px) saturate(130%)}
.japan-environment-dialog header {display:flex;align-items:center;justify-content:space-between;gap:15px}
.japan-environment-dialog header small {font-size:9px;font-weight:750;letter-spacing:1.6px;color:var(--t-muted)}
.japan-environment-dialog h2 {font:750 24px/1.2 var(--t-font);margin:9px 0;color:var(--t-text)}
.japan-environment-dialog h3 {font-size:13px;color:var(--t-text);margin:0 0 12px;font-weight:750}
.japan-environment-dialog .japan-environment-close {font-size:24px;width:37px;flex-shrink:0}
.japan-environment-dialog .japan-environment-intro {font-size:13px;line-height:1.6;color:var(--t-muted);margin:12px 0 18px}
.japan-environment-dialog section {padding:17px 0;border-top:1px solid var(--t-line)}
.japan-season-options,.japan-weather-options {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.japan-weather-options {grid-template-columns:repeat(4,minmax(0,1fr))}
body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog button {font:650 12px var(--t-font);cursor:pointer;min-height:36px;border:1px solid #a4bcd8;border-bottom:3px solid #85a3c8;border-radius:11px;padding:9px 8px;color:#203e60;background:linear-gradient(#fff,#f4f8ff 42%,#c5d9f0);box-shadow:inset 0 2px 0 #fff,0 4px 8px #15345230}
body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog button:hover {background:linear-gradient(#fff,#dcecff);border-color:#5d95d6}
body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog button[aria-pressed="true"] {background:linear-gradient(#7bbcff,#2484f4 45%,#0458c4)!important;color:#fff!important;border-color:#3b8fe7;border-bottom-color:#034b9f}
body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog button:disabled {opacity:.6;cursor:wait}
body.workplace-theme[data-theme="japan-office"][data-japan-phase="night"] .japan-environment-dialog button {background:linear-gradient(#466487,#2a4565 45%,#1b304e);color:#e4efff;border-color:#6f8ba8;border-bottom-color:#10243c;box-shadow:inset 0 2px 0 #d5e6ff50,0 4px 8px #0004}
.japan-season-status,.japan-weather-mode-status {font-size:11px;color:var(--t-muted);line-height:1.6;margin:10px 0 0}
.japan-weather-reading-heading {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}
.japan-weather-reading-heading h3 {margin:0}
.japan-weather-value {font-size:30px;font-weight:750;letter-spacing:-.6px;color:var(--t-text)}
.japan-weather-description {font-size:13px;color:var(--t-text);margin:9px 0;line-height:1.5}
.japan-weather-reading-time,.japan-weather-fetch-status {font-size:11px;color:var(--t-muted);line-height:1.6;margin:7px 0}
.japan-weather-reading small {display:block;color:var(--t-muted);font-size:10px;line-height:1.5;margin-top:13px}
.japan-weather-reading a {color:var(--t-accent);text-underline-offset:2px}
body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog :is(button,a):focus-visible {outline:3px solid var(--t-accent);outline-offset:3px}
@media(max-width:600px){body.workplace-theme[data-theme="japan-office"] .japan-environment-dialog{padding:20px}.japan-season-options{grid-template-columns:repeat(3,minmax(0,1fr))}.japan-weather-options{grid-template-columns:repeat(3,minmax(0,1fr))}body.workplace-theme[data-theme="japan-office"] #japanEnvironmentControl .japan-environment-button{max-width:185px;min-width:151px}}
@media(prefers-reduced-motion:reduce){body.workplace-theme[data-theme="japan-office"] #japanWeatherEffects *{animation:none!important;transition:none!important}}
body.workplace-theme[data-theme="japan-office"][data-theme-motion="false"] #japanWeatherEffects *{animation:none!important;transition:none!important}
}
@media print {#japanEnvironmentControl,#japanEnvironmentDialog,#japanWeatherEffects {display:none!important}}
