/* White PVC sash, original KCC artwork, and a clear uninterrupted village view. */
.coastal-weather .weather-window{border:10px solid #eef0ef;border-top-width:22px;border-image:none;border-radius:3px;background:linear-gradient(110deg,#fff,#f2f4f4 48%,#e4e8e8);background-origin:border-box;box-shadow:inset 0 0 0 1px #adb6b8,0 0 0 1px #cbd1d2,0 1px 0 2px #fff,0 5px 8px #41556521}
.coastal-weather .weather-window::before{content:'';position:absolute;inset:-17px -6px -6px;border:1px solid #d2d8d9;border-radius:2px;box-shadow:inset 1px 1px 0 #fff,1px 1px 0 #fff;pointer-events:none;z-index:3}
.coastal-weather .weather-window-scene{inset:1px;border:1px solid #7b8b8e;background:#4b6a79}
.coastal-weather .window-mullion{display:none}
.coastal-weather .window-reflection{box-shadow:inset 2px 2px 5px #243c4940}
.coastal-weather .kcc-window-badge{position:absolute;right:2px;top:-18px;width:25px;height:14px;object-fit:contain;z-index:8}
.coastal-weather .coastal-sill{left:-14px;right:-14px;bottom:-15px;height:12px;background:linear-gradient(#fff 0 24%,#eef1f0 25% 65%,#d1d9d9 67% 78%,#e6ebeb 79%);border:1px solid #bdc8ca;border-top-color:#fff;box-shadow:0 3px 4px #34495124}
.coastal-workspace .window-weather .weather-v4-character.coastal-mujini{left:7px;right:auto}
.coastal-workspace .window-weather .weather-v4-top{justify-content:flex-end}
.coastal-workspace .window-weather .weather-v4-main{justify-self:end;margin-left:auto;text-align:right}
.coastal-workspace .window-weather .weather-v4-reading{margin-left:auto}
.coastal-workspace .window-weather .weather-v4-temperature{justify-content:flex-end}
:is(#home-album,#home-album-2) .private-album-mujini{left:50%;right:auto;transform:translateX(-50%)}

/* Selected P03: thin paper, quiet tape, no folded corner. */
body.authed .cl-grid .warehouse-paper{border:1px solid #e3e1c1;border-radius:1px;background:repeating-linear-gradient(2deg,#fff2 0 1px,transparent 1px 4px),linear-gradient(115deg,#f5f4de,#efefd1);box-shadow:1px 3px 4px #6d713526,inset 0 1px #fff9;transform:none}
body.authed .cl-grid .warehouse-paper::before{content:'';position:absolute;left:calc(50% - 20px);top:-6px;bottom:auto;right:auto;width:40px;height:12px;border:0;border-radius:0;background:#e7dfb899;box-shadow:none;transform:rotate(-3deg);clip-path:none}
body.authed .cl-grid .warehouse-paper::after{content:none}
body.authed .cl-grid .warehouse-paper-head{background:none;border-bottom:1px solid #d9d7b985;color:#5c6256}
body.authed .cl-grid .warehouse-inline-body{overflow-y:auto;min-height:0}

/* Frost Glass: same quiet white controls, translucent surface and crisp edges. */
body.authed .cl-top>:is(.cl-week,.cl-company-calendar){background:radial-gradient(ellipse at 0 5%,#e5eff47d,transparent 63%),radial-gradient(ellipse at 100% 100%,#eae6f270,transparent 65%),linear-gradient(120deg,#ffffffdf,#f5f8fa9c);border:1px solid #fff;border-radius:18px;box-shadow:inset 1px 2px 1px #fff,0 0 0 1px #dce3e988,0 9px 20px #61758b14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.authed .cl-top .cl-day{border-color:#dce4ea85}
body.authed .cl-top .cl-day-label{color:#73808d}
body.authed .cl-top .cl-day.is-today{background:#ffffffba;border:1px solid #d9e2ec;box-shadow:inset 0 1px #fff,0 2px 4px #687d9310}
body.authed .cl-top .cl-day.is-today .cl-day-label{color:#52647a}
body.authed .cl-top .cl-mini-calendar{background:linear-gradient(120deg,#ffffff88,#ffffff38);border:1px solid #ffffffdf;border-radius:13px;box-shadow:inset 0 1px #fff,0 3px 9px #687d9310;padding-top:10px}
body.authed .cl-top .cl-mini-calendar::before,body.authed .cl-top .cl-mini-calendar::after{content:none}
body.authed .cl-top .cl-mini-month strong{color:#5d6a79}
body.authed .cl-top .cl-mini-dow{color:#8c96a2}
body.authed .cl-top .cl-mini-date{color:#667383}
body.authed .cl-top .cl-mini-date.is-week{background:#eaf0f5a8;color:#596e85}
body.authed .cl-top .cl-mini-date:hover{background:#e2eaf2}
body.authed .shell>.side .navlink[data-tab=home]::before{background-image:url('/assets/material-v1/rubber-warehouse.webp')}
body.authed .shell>.side .navlink[data-tab=orders]::before{background-image:url('/assets/material-v1/ceramic-phone.webp')}

.coastal-workspace .window-weather .weather-v4-main{grid-column:1/-1}

body.authed .photo-editor-dialog :is(.btn,.ui-action){color:#545960;border-color:#e0e3e7;background:linear-gradient(155deg,#fff,#f5f6f7);border-radius:8px;box-shadow:inset 0 1px 1px #fff,0 2px 0 #e2e4e7,0 3px 5px #30374410;text-shadow:none}
body.authed .photo-editor-dialog .primary{color:#42474e;background:linear-gradient(#fff,#eef0f3);border-color:#bac3cf;font-weight:600}

.coastal-workspace .window-weather .weather-v4-description{text-align:right;width:100%}

/* Neutral inner labels; hierarchy is carried by size and weight. */
body.authed .cl-grid :is(.cl-day-label,.cl-mini-dow,.cl-mini-date,.cl-mini-month strong,.cl-week-range,.warehouse-paper-head,.warehouse-paper-head h3,.warehouse-paper-head h3 span,.warehouse-foot,.warehouse-inline-editor){color:#6b737c!important;text-shadow:none}
body.authed .cl-grid .cl-day-label :is(span,b,strong){color:inherit!important}
body.authed .cl-grid .cl-mini-date.is-today{background:linear-gradient(#fff,#e7ecf0)!important;color:#6b737c!important;border:1px solid #aeb9c4;box-shadow:inset 0 1px #fff,0 2px 0 #c4ccd5;text-shadow:none}
body.authed .cl-grid .cl-mini-date.is-today>span{color:inherit!important}

/* Keep the village visible beside Mujini and tighten the display spacing. */
.coastal-landscape{transform:scaleX(-1)}
.cl-card.cl-clock.shelf-window-widget.coastal-workspace{gap:8px}
.coastal-workspace.shelf-window-widget .cabinet-display{flex-basis:136px}
.coastal-workspace .window-weather .weather-v4-temperature small{font-size:15px;margin-left:2px;color:inherit}
@media(min-width:981px) and (max-width:1299px){.coastal-workspace.shelf-window-widget .cabinet-display{flex-basis:118px}}

.coastal-workspace.shelf-window-widget .cabinet-display{flex-basis:128px;gap:2px}
@media(min-width:981px) and (max-width:1299px){.coastal-workspace.shelf-window-widget .cabinet-display{flex-basis:128px}}

/* Center the clock between the date display and the top of the window. */
.coastal-workspace.shelf-window-widget .cabinet-display{flex-basis:136px;gap:3px}
.coastal-workspace.shelf-window-widget.cl-clock .clock-brand-line{transform:translateY(4px)}
.coastal-workspace.shelf-window-widget .cabinet-display::before{bottom:4px}

/* Photograph of an installed KCC window: retain the real PVC profiles and handle. */
.coastal-weather .weather-window{border-style:solid;border-color:transparent;border-width:22px 14px 10px 30px;border-image-source:url('/assets/kcc-white-casement-frame.webp');border-image-slice:182 150 154 152;border-image-width:22px 14px 15px 30px;border-image-outset:0 0 5px 0;border-image-repeat:stretch;background:none;box-shadow:0 3px 7px #32455418}
.coastal-weather .weather-window::before{content:none}
.coastal-weather .weather-window-scene{inset:-1px;border:0}
.coastal-weather .coastal-sill{background:none;border:0;box-shadow:none}
.coastal-weather .kcc-window-badge{top:-18px;right:0}
body.authed .shell>.side .navlink[data-tab=home]::before{background-image:url('/assets/material-v1/silicone-warehouse.webp')}


/* Raise the sash toward the visible oak edge; keep its lower edge fixed. */
.cl-card.cl-clock.shelf-window-widget.coastal-workspace{gap:5px}
.coastal-workspace.shelf-window-widget.cl-clock>.weather-block{margin-top:0}

/* The 18px mark sits wholly on the fixed flat PVC casing; the moving sash stays separate. */
.coastal-weather .weather-window{border-width:40px 24px 19px 24px;border-image-width:40px 24px 24px 24px}
.coastal-weather .kcc-window-badge{top:-38.5px;right:3px;width:32px;height:18px;object-fit:contain}

/* A half-height leaf plant rests to the left, with its pot at the sill base. */
.coastal-weather .coastal-stucky{position:absolute;left:0;bottom:-24px;width:auto;height:34px;z-index:4;pointer-events:none;object-fit:contain;filter:drop-shadow(1px 2px 1px #22342b25)}

/* Material movement stays on the prop; the seated mascot remains grounded. */
.weather-sun-rubber{transform-box:fill-box;transform-origin:center;animation:rubber-sun-breathe 6s ease-in-out infinite}
@keyframes rubber-sun-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.coastal-weather .weather-window[data-period=night] .weather-sun-rubber{display:none}
@media(prefers-reduced-motion:reduce){.weather-sun-rubber{animation:none}}