/* RC307: native fixed-grid presentation. No old dashboard clones or overlay panels. */
[data-screen="closet"].dash-screen.active{display:flex;flex-direction:column;gap:10px;min-height:0}
.snappy-dash-grid307{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;height:clamp(290px,calc(100dvh - 290px),580px);min-height:0;margin:-8px 0 0}
.snappy-dash-tile307{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:16px;border:1px solid #3b414c;background:#171c24;color:#fff}
.snappy-stat307{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#202a3b,#131720);cursor:pointer}
.snappy-stat307 strong{font-size:clamp(30px,9vw,58px);line-height:1}.snappy-stat307 span{font-size:clamp(11px,3vw,15px);font-weight:700}
#snappyFothSlot307 #flannelOfHour,#snappyThemeSlot307 #themeWeek259v{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important}
#snappyFothSlot307 .flannel-hour-heading,#snappyThemeSlot307 .theme-week-heading,#snappyThemeSlot307 .theme-week-actions,#snappyThemeSlot307 .theme-my-week290{display:none!important}
#snappyFothSlot307 #flannelHourBody,#snappyThemeSlot307 .theme-week-card{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
#snappyFothSlot307 .flannel-hour-photo,#snappyThemeSlot307 .theme-week-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important}
#snappyFothSlot307 .flannel-hour-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
#snappyFothSlot307 .flannel-hour-overlay{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:35px 8px 8px!important;background:linear-gradient(transparent,rgba(0,0,0,.86))!important}
#snappyFothSlot307 #fothHourTeaser{display:none!important}


#snappyThemeSlot307 .theme-week-overlay{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:35px 8px 8px!important;background:linear-gradient(transparent,rgba(0,0,0,.85))!important}
#snappyThemeSlot307 .theme-week-copy strong{font-size:clamp(12px,3.2vw,18px)!important;line-height:1.15!important;white-space:normal!important}
#snappyThemeSlot307 .theme-empty{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;text-align:center!important;padding:10px!important}
@media(max-height:700px){.snappy-dash-grid307{height:clamp(260px,calc(100dvh - 250px),450px)}}

/* Keep the dashboard completely out of layout whenever another tab is active. */
[data-screen="closet"].dash-screen:not(.active){display:none!important}

/* RC307 Flame Option 3: shared authored artwork and exact tile anchors. */
.snappy-dash-grid307{grid-template-rows:22px repeat(2,minmax(0,1fr));row-gap:8px}
.snappy-tile-heading307{font-size:clamp(10px,2.65vw,12px);font-weight:850;letter-spacing:.075em;color:#cbd4da;align-self:end;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1px}
#snappyFothSlot307 .flannel-hour-overlay>strong{font-size:clamp(17px,4.9vw,23px)!important;font-weight:850!important;line-height:1.09!important;background:linear-gradient(110deg,#c1e6ff,#fff1b9,#e8b3f7,#c6fff2,#f4b9d4,#c1e6ff);background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:snappyNameFoil307 6s linear infinite}
@keyframes snappyNameFoil307{to{background-position:250% center}}
#snappyFothSlot307 .flannel-like-count{display:none!important}
/* The same 2 authored SVGs are used by every existing like surface. */
.snappy-v012 .flannel-like-btn,.snappy-v012 .theme-heart,#themeGallery259v .theme-gallery-heart286,.snappy-v012 .sneak-like-btn{
 display:grid!important;place-items:center!important;width:42px!important;height:46px!important;min-width:42px!important;min-height:46px!important;padding:0!important;border:1px solid rgba(137,150,175,.54)!important;border-radius:13px!important;background:rgba(12,15,24,.87)!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:0!important;color:transparent!important;isolation:isolate;cursor:pointer;overflow:hidden;z-index:10!important}
.snappy-v012 .flannel-like-btn::before,.snappy-v012 .theme-heart::before,#themeGallery259v .theme-gallery-heart286::before,.snappy-v012 .sneak-like-btn::before{
 content:''!important;position:absolute!important;inset:2px 3px!important;background:url('snappy-flame-off307.svg') center/contain no-repeat!important;z-index:0!important;pointer-events:none!important;filter:none!important;-webkit-mask:none!important;mask:none!important}
.snappy-v012 .flannel-like-btn.active::before,.snappy-v012 .theme-heart.active::before,#themeGallery259v .theme-gallery-heart286.active::before,.snappy-v012 .sneak-like-btn.liked::before{
 background-image:url('snappy-flame-on307.svg')!important}
.snappy-heart-count307,.snappy-v012 .sneak-like-btn [data-sneak-like-count]{position:relative!important;display:grid!important;place-items:center!important;z-index:2!important;font-weight:900!important;font-size:13px!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important;text-align:center!important;transform:translateY(8px)!important;font-variant-numeric:tabular-nums!important;pointer-events:none!important;text-shadow:0 1px 3px #7c220b!important}
.snappy-heart-count307:empty{display:none!important}
/* Both dashboard buttons are DIRECT CHILDREN of the photo card, not the text overlay. */
#snappyFothSlot307 .flannel-hour-like,#snappyThemeSlot307 .theme-week-card > .theme-heart{position:absolute!important;right:8px!important;top:8px!important;bottom:auto!important;left:auto!important;margin:0!important;transform:none!important}
#themeGallery259v .theme-gallery-heart286{position:absolute!important;right:9px!important;top:9px!important;bottom:auto!important;left:auto!important}
.snappy-v012 .sneak-like-heart{display:none!important}
.snappy-v012 .sneak-like-btn [data-sneak-like-count]:empty{display:none!important}
@media(prefers-reduced-motion:reduce){#snappyFothSlot307 .flannel-hour-overlay>strong{animation:none}}
/* Neutral loading tile. No legacy skeleton rectangles or marketplace footprint. */
#snappyFothSlot307 .flannel-hour-loading{background:#171c24!important}
#snappyFothSlot307 .foth-skeleton,#snappyFothSlot307 .foth-skeleton-photo,#snappyFothSlot307 .foth-skeleton-lines{display:none!important}
.snappy-gallery-actions307{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 16px}
.snappy-gallery-actions307 button{min-width:0;min-height:44px}
.onboarding-copy #onboardingExplore{display:block;margin-top:16px!important}
#closetFab{width:68px!important;height:68px!important;right:max(17px,env(safe-area-inset-right))!important;bottom:calc(var(--snappy-tray-height,calc(76px + env(safe-area-inset-bottom))) + 17px)!important}
@media(max-width:420px){#closetFab{width:65px!important;height:65px!important;right:max(16px,env(safe-area-inset-right))!important}}
@media(prefers-reduced-motion:reduce){#snappyFothSlot307 .flannel-hour-overlay>strong{animation:none}}

/* RC308: photographic backgrounds, functional live counters remain untouched. */
#snappyMarketTile307,#snappyDropsTile307{background-position:center;background-size:cover;background-repeat:no-repeat;isolation:isolate;text-shadow:0 2px 7px rgba(0,0,0,.85);justify-content:flex-end;padding:0 7px 17px;gap:5px;}
#snappyMarketTile307{background-image:linear-gradient(to bottom,rgba(0,0,0,.02) 22%,rgba(0,0,0,.16) 51%,rgba(0,0,0,.86) 100%),url('assets/snappy-market-tile-308.webp')}
#snappyDropsTile307{background-image:linear-gradient(to bottom,rgba(0,0,0,.02) 22%,rgba(0,0,0,.16) 51%,rgba(0,0,0,.86) 100%),url('assets/snappy-drops-tile-308.webp')}
#snappyMarketTile307 strong,#snappyDropsTile307 strong{font-size:clamp(29px,8vw,48px);font-variant-numeric:tabular-nums;color:#fff;}
#snappyMarketTile307 span,#snappyDropsTile307 span{font-size:clamp(11px,3vw,15px);color:#fff;text-align:center;}

/* RC309: one four-card grid, centered headings and legible dynamic counts. */
.snappy-dash-grid307{grid-template-rows:22px minmax(0,1fr) 22px minmax(0,1fr)!important;}
#snappyMarketTile307,#snappyDropsTile307{justify-content:center!important;align-items:center!important;padding:12px!important;gap:0!important;}
#snappyMarketTile307 .snappy-stat-inner309,#snappyDropsTile307 .snappy-stat-inner309{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;max-width:100%;background:rgba(8,12,20,.53);border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:11px 5px;box-shadow:0 3px 15px rgba(0,0,0,.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#snappyMarketTile307 .snappy-stat-inner309 strong,#snappyDropsTile307 .snappy-stat-inner309 strong{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Arial',sans-serif!important;font-size:clamp(49px,13vw,77px)!important;font-weight:850!important;letter-spacing:-.035em!important;line-height:1!important;color:#fff!important;font-variant-numeric:lining-nums tabular-nums}
#snappyMarketTile307 .snappy-stat-inner309 span,#snappyDropsTile307 .snappy-stat-inner309 span{font-size:clamp(12px,3.4vw,16px)!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.035em;line-height:1.2;text-align:center;color:#fff!important}

/* RC310: focused lower-tile typography and calendar legibility. */
#snappyMarketTile307 .snappy-stat-inner309,#snappyDropsTile307 .snappy-stat-inner309{min-height:120px;box-sizing:border-box;gap:4px;transform:none!important}
#snappyMarketTile307 .snappy-stat-inner309 strong,#snappyDropsTile307 .snappy-stat-inner309 strong{display:block;min-height:1em;line-height:1!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;font-weight:850!important;font-size:clamp(52px,13vw,77px)!important;font-variant-numeric:tabular-nums lining-nums!important;letter-spacing:-.04em!important;margin:0!important;padding:0!important;text-align:center!important}
#snappyMarketTile307 .snappy-stat-inner309 span,#snappyDropsTile307 .snappy-stat-inner309 span{display:block;line-height:1.2!important;margin:0!important;padding:0!important;text-align:center!important}
/* A larger crop of the calendar; the new enhanced asset carries heavier grid and date ink. */
#snappyDropsTile307{background-image:linear-gradient(to bottom,rgba(0,0,0,.02) 22%,rgba(0,0,0,.16) 51%,rgba(0,0,0,.86) 100%),url('assets/snappy-drops-tile-310.webp')!important;background-size:cover,112% 112%!important;background-position:center,center!important}

/* RC311: one like control per shared closet photo; no legacy heart/count artifacts. */
.shared-card .flannel-like-count,.shared-card .like-pop{display:none!important}
.shared-card .flannel-like-btn{position:absolute!important;top:9px!important;right:9px!important;bottom:auto!important;left:auto!important}
#snappyDropsTile307{background-image:linear-gradient(to bottom,rgba(0,0,0,.02) 22%,rgba(0,0,0,.16) 51%,rgba(0,0,0,.86) 100%),url('assets/snappy-drops-tile-311.webp')!important;background-size:cover,cover!important;background-position:center,center!important}