/* User-supplied portrait wallpaper; mobile only, no geometry changes. */
html.mw230 body .dashboard.workspace-dashboard,
html.mw230 body .workspace-screen .chat-shell {
  background-image:url('/assets/cache350/wallpaper.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* Mobile home: retain only the top navigation, without desktop window tabs. */
html.mw230.mw-home body .workspace-screen > .workspace-header > .workspace-tabs {
  display:none !important;
}
html.mw230.mw-home body .workspace-screen > .workspace-header {
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border:0 !important;
  gap:0 !important;
  padding-bottom:8px !important;
}


/* Same supplied wallpaper across Desk, Chats, Welly and More.
   Keep existing translucent panels and message surfaces for legibility. */
html.mw230 body .dashboard.workspace-dashboard,
html.mw230 body .workspace-screen.mobile-chat-only .chat-shell,
html.mw230 body .workspace-screen .workspace-chat-hub {
  background-image:url('/assets/cache350/wallpaper.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* Readability layer on chat wallpaper only. Desk/More keep full brightness. */
html.mw230 body .workspace-screen .workspace-chat-hub {
  background-image:linear-gradient(rgba(0,18,14,.60),rgba(0,18,14,.60)),url('/assets/cache350/wallpaper.webp') !important;
}
html.mw230 body .workspace-screen.mobile-chat-only .chat-shell {
  background-image:linear-gradient(rgba(0,18,14,.48),rgba(0,18,14,.48)),url('/assets/cache350/wallpaper.webp') !important;
}
html.mw230 body .workspace-chat-hub .hub-conversation-list>button strong {color:#edf8f2 !important;}
html.mw230 body .workspace-chat-hub .hub-conversation-list>button small,
html.mw230 body .workspace-chat-hub .hub-conversation-list>button>i:not(.online) {color:#bdcfc6 !important;}
html.mw230 body .workspace-chat-hub .hub-directory input::placeholder {color:#b9cbc2 !important;opacity:1;}
html.mw230 body .workspace-chat-hub .hub-conversation-list>button.active {
  background:rgba(9,49,39,.90) !important;
}


/* One wallpaper shade for all four mobile navigation tabs. */
html.mw230 body .dashboard.workspace-dashboard,
html.mw230 body .workspace-screen .workspace-chat-hub,
html.mw230 body .workspace-screen.mobile-chat-only .chat-shell {
  background-image:linear-gradient(rgba(0,18,14,.60),rgba(0,18,14,.60)),url('/assets/cache350/wallpaper.webp') !important;
}
/* Avoid adding different legacy veils on top of the common shade. */
html.mw230:not(.mw-open) body .workspace-screen.mobile-chat-only,
html.mw230 body .workspace-screen .hub-directory,
html.mw230 body .workspace-screen.mobile-chat-only .chat-thread {
  background:transparent !important;
}


/* Supplied botanical panel, with existing interactive icons above it.
   Nine-slice preserves leaf corners while the quiet center adapts to screen width. */
html.mw230 body .mw-dock {
  background:transparent;
  border:1px solid transparent;
  border-image-source:url('/assets/mobile-compat-v236/dock-leaves-v253.png');
  border-image-slice:200 fill;
  border-image-width:24px;
  border-image-repeat:stretch;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  padding:3px 12px;
}
html.mw230 body .mw-dock button.active {
  background:rgba(0,51,35,.48);
  box-shadow:inset 0 -3px 10px #00ef7f66,inset 0 0 1px 1px #2cbf7a66;
}


/* Clip only the decorative selection layer, never the actual button/content. */
html.mw230 body .mw-dock button:first-child,
html.mw230 body .mw-dock button:last-child {position:relative;isolation:isolate;}
html.mw230 body .mw-dock button:first-child.active,
html.mw230 body .mw-dock button:last-child.active {
  background:transparent;box-shadow:none;
}
html.mw230 body .mw-dock button:first-child.active::before,
html.mw230 body .mw-dock button:last-child.active::before {
  content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;
  pointer-events:none;background:rgba(0,51,35,.48);
  box-shadow:inset 0 -3px 10px #00ef7f66,inset 0 0 1px 1px #2cbf7a66;
}
html.mw230 body .mw-dock button:first-child.active::before {clip-path:inset(0 0 0 50%);}
html.mw230 body .mw-dock button:last-child.active::before {clip-path:inset(0 50% 0 0);}


/* Decorative source panel on an overflow-visible layer. The top-left leaf is
   part of the transparent asset and deliberately projects beyond the rim. */
html.mw230 body .mw-home-nav {
  position:relative;isolation:isolate;overflow:visible;
  background:transparent;border:1px solid transparent;box-shadow:none;
}
html.mw230 body .mw-home-nav::before {
  content:'';position:absolute;inset:-8px -1px -1px;z-index:-1;pointer-events:none;
  border:1px solid transparent;
  border-image-source:url('/assets/mobile-compat-v236/top-gold-v255.png');
  border-image-slice:180 220 170 220 fill;
  border-image-width:24px 28px 22px;
  border-image-repeat:stretch;
}
html.mw230 body .mw-home-nav button:first-child {
  background:rgba(0,51,35,.38);
  box-shadow:inset 0 -3px 10px #00ef7f66,inset 0 0 1px 1px #2cbf7a66;
}
html.mw230 body .mw-home-nav button:nth-child(2) {flex-grow:.85;}
html.mw230 body .mw-home-nav button:last-child {flex-grow:1.15;}


/* Keep the gold leaves exposed: trim the decoration, not the touch target. */
html.mw230 body .mw-home-nav button:first-child {
  position:relative;isolation:isolate;background:transparent;box-shadow:none;
}
html.mw230 body .mw-home-nav button:first-child::before {
  content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;
  pointer-events:none;background:rgba(0,51,35,.38);
  box-shadow:inset 0 -3px 10px #00ef7f66,inset 0 0 1px 1px #2cbf7a66;
  clip-path:inset(0 0 0 50%);
}


/* Original supplied artwork, including the leaf outside the panel rim.
   Preserve existing geometry, controls and the v256 selection mask. */
html.mw230 body .mw-home-nav::before {
  border-image-source:url('/assets/mobile-compat-v236/top-cosmos-v257.png');
}


/* Text-only contrast improvement; keep panel art, hit areas and sizing. */
html.mw230 body .mw-home-nav button,
html.mw230 body .mw-home-nav button span,
html.mw230 body .mw-dock button,
html.mw230 body .mw-dock button.active {
  color:#f5fff9;
  font-weight:600;
  text-shadow:0 1px 2px #00100f,0 0 4px #00100f,0 0 8px #00100fcc;
}
/* Disabled behavior stays intact, but must not dim the text over the planet. */
html.mw230 body .mw-home-nav button:disabled {opacity:1;}
html.mw230 body .mw-home-nav button:disabled img {opacity:.82;}
html.mw230 body .mw-home-nav small {
  color:#d4e6dd;
  font-weight:500;
}


.hub-conversation-list .hub-avatar[data-orb259] {
 position:relative;isolation:isolate;overflow:visible!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:#f0fff9!important;font-weight:600;text-shadow:0 1px 3px #00140f,0 0 5px #00140f;
}
.hub-conversation-list .hub-avatar[data-orb259]::before {
 content:'';position:absolute;inset:-6px;z-index:-1;pointer-events:none;
 background:var(--orb259) center/contain no-repeat;
}
.hub-conversation-list .hub-avatar[data-orb259=green] {--orb259:url('/assets/mobile-compat-v236/avatars259/green.png');}
.hub-conversation-list .hub-avatar[data-orb259=gold] {--orb259:url('/assets/mobile-compat-v236/avatars259/gold.png');}
.hub-conversation-list .hub-avatar[data-orb259=blue] {--orb259:url('/assets/mobile-compat-v236/avatars259/blue.png');}
.hub-conversation-list .hub-avatar[data-orb259=cyan] {--orb259:url('/assets/mobile-compat-v236/avatars259/cyan.png');}
.hub-conversation-list .hub-avatar[data-orb259=purple] {--orb259:url('/assets/mobile-compat-v236/avatars259/purple.png');}
.hub-conversation-list .hub-avatar.bot[data-orb259] img {display:none!important;}
/* Keep the existing add-to-folder action clear of the protruding foliage. */
html.mw230 body .hub-conversation-list .hub-chat-folder-add {
 left:auto!important;right:8px!important;
}