/* Phones always use the existing standard presentation, including landscape. */
@media (min-width:761px) and (min-height:501px), (min-width:761px) and (pointer:fine), (min-width:761px) and (pointer:none){
/* Seasonal presentation only. No selectors for semantic status colours or logos. */
html[data-theme="winter"]{--season-side-size:135%;--season-bg:#edf7ff;--season-soft:#f4faff;--season-line:#d7e9fa;--season-hero:url(theme-assets/winter-hero.webp);--season-side:url(theme-assets/winter-side.webp);--season-accent:url(theme-assets/winter-accent.webp)}
html[data-theme="spring"]{--season-bg:#f1f8f5;--season-soft:#f7fbf9;--season-line:#dcebe2;--season-hero:url(theme-assets/spring-hero.webp);--season-side:url(theme-assets/spring-side.webp);--season-accent:url(theme-assets/spring-accent.webp)}
html[data-theme="summer"]{--season-bg:#f0f8fc;--season-soft:#f7fbfd;--season-line:#dcebf1;--season-hero:url(theme-assets/summer-hero.webp);--season-side:url(theme-assets/summer-side.webp);--season-accent:url(theme-assets/summer-accent.webp)}
html[data-theme="autumn"]{--season-side-size:140%;--season-bg:#faf7f0;--season-soft:#fcfaf6;--season-line:#e9e3d6;--season-hero:url(theme-assets/autumn-hero.webp);--season-side:url(theme-assets/autumn-side.webp);--season-accent:url(theme-assets/autumn-accent.webp)}
html[data-theme]:not([data-theme="standard"]) body{background:var(--season-bg)}
html[data-theme]:not([data-theme="standard"]) #app{--bg:var(--season-bg);--line:var(--season-line);background:var(--season-bg)}
html[data-theme]:not([data-theme="standard"]) #app .main{background:var(--season-bg)}
html[data-theme]:not([data-theme="standard"]) #app .side{isolation:isolate;background:#fff;border-right-color:var(--season-line)}
html[data-theme]:not([data-theme="standard"]) #app .side::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:auto 0 48px;height:clamp(260px,43vh,430px);background:var(--season-side) left bottom/var(--season-side-size,160%) auto no-repeat;mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 88%,transparent 100%)}
html[data-theme]:not([data-theme="standard"]) #app .side .nav button{background-color:#ffffffed}
html[data-theme]:not([data-theme="standard"]) #app .side .nav button:is(.active,:hover){background-color:var(--season-soft)}
html[data-theme]:not([data-theme="standard"]) #app .sidebar-profile{background:#fff;border-radius:12px}
html[data-theme]:not([data-theme="standard"]) :is(#adminCabinet,#app[data-workspace="agent"] #agentHomeContent,#app[data-workspace="lawyer"] #home,#reception[data-reception-view="dashboard"]>.rx-shell,#clientPortal)::before{content:"";position:static;inset:auto;z-index:auto;opacity:1;display:block;flex-shrink:0;height:clamp(170px,17vw,270px);margin:-30px -30px 20px;background:var(--season-hero) center 58%/cover no-repeat;pointer-events:none}
html[data-theme]:not([data-theme="standard"]) #app .main>.section::after,
html[data-theme]:not([data-theme="standard"]) #home .home-left::after{display:none!important}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.ir-manager-card,.admin-final-card,.admin-final-tool),
html[data-theme]:not([data-theme="standard"]) #managerPayments{border-color:var(--season-line);background-color:#fff}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.manager-plan-event,.admin-final-tool){background-color:var(--season-soft)}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.ir-manager-card:nth-child(1),.ir-manager-card:nth-child(3),.manager-plan-event:nth-child(2),.admin-final-tool:nth-child(2)){position:relative}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.ir-manager-card:nth-child(1),.ir-manager-card:nth-child(3))::after{content:"";position:absolute;right:12px;bottom:5px;width:60px;height:35px;background:var(--season-accent) center/contain no-repeat;pointer-events:none}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.ir-manager-card:nth-child(1),.ir-manager-card:nth-child(3)) .ir-manager-caption{padding-right:58px}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.manager-plan-event:nth-child(2),.admin-final-tool:nth-child(2)){padding-right:85px}
html[data-theme]:not([data-theme="standard"]) #adminCabinet :is(.manager-plan-event:nth-child(2),.admin-final-tool:nth-child(2))::after{content:"";position:absolute;right:12px;bottom:10px;width:54px;height:35px;background:var(--season-accent) center/contain no-repeat;pointer-events:none}
html[data-theme="winter"] #adminCabinet :is(.ir-manager-card:nth-child(2),.ir-manager-card:nth-child(4)){position:relative}
html[data-theme="winter"] #adminCabinet :is(.ir-manager-card:nth-child(2),.ir-manager-card:nth-child(4))::after{content:"";position:absolute;right:12px;bottom:5px;width:60px;height:35px;background:var(--season-accent) center/contain no-repeat;pointer-events:none}
html[data-theme="winter"] #adminCabinet :is(.ir-manager-card:nth-child(2),.ir-manager-card:nth-child(4)) .ir-manager-caption{padding-right:58px}
/* Client cabinet retains its own horizontal navigation and document layout. */
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet.iriall-client-workspace{--cw-soft:var(--season-bg);--cw-line:var(--season-line);background:var(--season-bg)}
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet .client-dashboard-shell{background:var(--season-bg)}
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet.iriall-client-workspace #clientPage_overview{grid-template-areas:"season season" "property next" "progress date" "progress team" "domix domix"}
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet #clientPage_overview::before{content:"";display:block;grid-area:season;height:clamp(150px,18vw,240px);border-radius:16px;background:var(--season-hero) center 58%/cover no-repeat;pointer-events:none}
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet.iriall-client-workspace .client-dashboard-top.ip-welcome{background:var(--season-soft)}
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet .client-dashboard-main::after{display:none!important}
html[data-theme]:not([data-theme="standard"]) #publicClientCabinet .client-dashboard-nav button.active{background:var(--season-soft)}

/* The lawyer and agent use separate home templates, but the same seasonal accents. */
html[data-theme]:not([data-theme="standard"]) #app[data-workspace="lawyer"] #home .ir-metric,
html[data-theme]:not([data-theme="standard"]) #app[data-workspace="agent"] #agentHomeContent .agent-kpi{position:relative}
html[data-theme]:not([data-theme="standard"]) #app[data-workspace="lawyer"] #home .ir-metric:nth-child(odd)::after,
html[data-theme]:not([data-theme="standard"]) #app[data-workspace="agent"] #agentHomeContent .agent-kpi:nth-child(odd)::after,
html[data-theme="winter"] #app[data-workspace="lawyer"] #home .ir-metric::after,
html[data-theme="winter"] #app[data-workspace="agent"] #agentHomeContent .agent-kpi::after{content:"";position:absolute;right:12px;bottom:5px;width:60px;height:35px;background:var(--season-accent) center/contain no-repeat;pointer-events:none}
html[data-theme]:not([data-theme="standard"]) #app[data-workspace="lawyer"] #home .ir-metric:nth-child(odd) .ir-metric-action,
html[data-theme="winter"] #app[data-workspace="lawyer"] #home .ir-metric .ir-metric-action{padding-right:62px}
html[data-theme]:not([data-theme="standard"]) #app[data-workspace="agent"] #agentHomeContent .agent-kpi:nth-child(odd) .agent-kpi-note,
html[data-theme="winter"] #app[data-workspace="agent"] #agentHomeContent .agent-kpi .agent-kpi-note{padding-right:58px}
@media(max-width:980px){html[data-theme]:not([data-theme="standard"]) :is(#adminCabinet,#app[data-workspace="agent"] #agentHomeContent,#app[data-workspace="lawyer"] #home,#reception[data-reception-view="dashboard"]>.rx-shell,#clientPortal)::before{margin:0 0 16px;border-radius:12px}}
}
.appearance-settings{max-width:1300px;color:#173958}
.appearance-settings h2{margin:0 0 6px;font-size:25px}.appearance-settings>p{color:#5d748a}
.appearance-current{padding:14px 18px;background:#f3f8fc;border:1px solid #dae7f2;border-radius:12px}
.appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;padding:0;margin:22px 0;min-width:0}
.appearance-choice{min-width:0;background:white;border:2px solid #e0e9f2;border-radius:15px;overflow:hidden}
.appearance-choice[data-selected="true"]{border-color:#008feb;box-shadow:0 0 0 2px #e6f4ff}
.appearance-choice label{display:block;cursor:pointer}.appearance-choice img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #e0e9f2}
.appearance-choice-title{display:flex;gap:8px;align-items:center;font-size:17px;margin:14px 15px 6px}.appearance-choice input{accent-color:#008feb;width:18px;height:18px}
.appearance-choice-note{display:block;margin:0 15px 10px 43px;color:#698097;font-size:13px}
.appearance-badges{min-height:30px;margin:0 15px;display:flex;flex-wrap:wrap;gap:5px}
.appearance-badges span{font-size:11px;border-radius:20px;padding:4px 8px;background:#e9f4ef;color:#29674e}
.appearance-badges [data-selected-badge]{background:#e8f3ff;color:#086aaa}
.appearance-settings [hidden]{display:none!important}
.appearance-link{border:0;background:transparent;color:#007bc0;text-decoration:underline;cursor:pointer;padding:10px 15px 16px;text-underline-offset:3px}
.appearance-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.appearance-actions>span{color:#6e8193;font-size:13px}
.appearance-settings button:disabled{opacity:.5;cursor:default}.appearance-settings :focus-visible{outline:3px solid #007bbc;outline-offset:3px}
[data-appearance-status]{min-height:22px;font-size:14px;line-height:1.6}
.appearance-preview{width:min(1500px,96vw);max-width:none;height:min(930px,94dvh);border:1px solid #d7e5ef;border-radius:16px;padding:0;background:#f3f7fb;color:#173958;overflow:auto}
.appearance-preview::backdrop{background:#16364e88}.appearance-preview>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 20px;background:white;border-bottom:1px solid #d7e5ef}.appearance-preview small{display:block;color:#698097;margin-top:4px}
.appearance-compare{padding:16px}.appearance-compare h3{margin:0 0 12px;font-size:14px}.appearance-compare iframe{width:100%;height:660px;border:1px solid #d7e5ef;background:white}.appearance-compare details{margin-top:16px}.appearance-compare summary{cursor:pointer}.appearance-compare img{display:block;max-width:100%;width:640px;height:auto;margin-top:10px}
.appearance-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.appearance-grid{gap:12px}.appearance-settings h2{font-size:22px}.appearance-actions>span{flex-basis:100%}.appearance-preview{width:98vw}.appearance-compare{padding:10px}}
@media(max-width:460px){.appearance-grid{grid-template-columns:minmax(0,1fr)}}
@media print{
 html[data-theme] body,html[data-theme] #app,html[data-theme] #app .main,html[data-theme] #publicClientCabinet{background:white!important}
 html[data-theme] :is(#adminCabinet,#agentHomeContent,#home,#reception>.rx-shell,#clientPortal,#clientPage_overview)::before,html[data-theme] #app .side::after,html[data-theme] :is(.ir-manager-card,.manager-plan-event,.admin-final-tool,.ir-metric,.agent-kpi)::after{display:none!important}
 .appearance-settings,.appearance-preview{display:none!important}
 html[data-theme] #publicClientCabinet.iriall-client-workspace .client-dashboard-top.ip-welcome{background:none!important}
}