/* LunaLeaf V46: requested inbox-only botanical theme + 2nd/4th navbar position exchange.
   Based on exact Oct 20 approved mockup. Other pages remain V45. */
:root {--ll46-forest:#193629;--ll46-gold:#d7b471;--ll46-sage:#dfe8d3;--ll46-warm-sage:#c9d4b6;}
/* Bottom menu only: SVG uses real green envelope + gold leaf instead of emoji.
   data-view attributes preserve all existing click/navigation logic. */
.bottom-nav .ll46-message-nav .nav-symbol{filter:drop-shadow(0 0 5px rgba(211,173,100,.28))}
.bottom-nav .ll46-message-nav .ll46-nav-envelope{display:block;max-width:38px;max-height:34px}
.bottom-nav .ll46-message-nav.active .nav-symbol{filter:drop-shadow(0 0 8px rgba(227,191,112,.68))}
/* Inbox typography and color mood. This is only the message screen. */
.dm-root:not(.dm-in-chat){
  background:linear-gradient(153deg,#5a1925 0%,#4b1520 45%,#41141c 100%);
  padding:clamp(16px,4vw,22px) clamp(13px,3.8vw,20px) 28px;
  color:#f9f3e9;
}
.dm-root:not(.dm-in-chat) .dm-hero{align-items:center;gap:10px;padding:4px 2px 16px}
.dm-root:not(.dm-in-chat) .dm-eyebrow{font-family:Georgia,serif;font-size:clamp(10px,2.7vw,12px);letter-spacing:2.15px;color:#f6e8cf;font-weight:700}
.dm-root:not(.dm-in-chat) .dm-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,10.6vw,49px);line-height:1.05;color:#fff8eb;display:flex;align-items:center;gap:12px;font-weight:700;margin:8px 0 8px}
.dm-root .dm-envelope-icon{height:38px;width:46px;display:inline-block;flex:0 0 auto;vertical-align:middle;filter:drop-shadow(0 2px 4px #190b0d55)}
.dm-root:not(.dm-in-chat) .dm-intro{font-family:Georgia,serif;font-size:clamp(12px,3.4vw,16px);color:#eee2d4;line-height:1.42;margin:0;max-width:310px}
.dm-root:not(.dm-in-chat) .dm-start-button{min-width:86px;min-height:85px;background:linear-gradient(145deg,#2b4b38,#153226);border:1.5px solid var(--ll46-gold);color:#f4e7c7;border-radius:23px;font-family:Georgia,serif;font-size:30px;font-weight:500;box-shadow:0 5px 15px #21100c66;padding:9px 11px;gap:2px}
.dm-root:not(.dm-in-chat) .dm-start-button span{font-size:14px;font-weight:700}
.dm-root .dm-visual-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* One slim search bar ABOVE the profile circles, not a giant empty panel. */
.dm-root:not(.dm-in-chat) .dm-search-strip{display:flex;align-items:center;gap:11px;width:100%;height:45px;border-radius:30px;background:linear-gradient(100deg,#3b523d,#343d31);border:1px solid #c3b58f;color:#e3d4a6;padding:0 13px;margin:6px 0 17px;box-shadow:0 3px 8px #1d131323}
.dm-root:not(.dm-in-chat) .dm-search-strip svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:#dbcb98;stroke-width:1.8;stroke-linecap:round}
.dm-root:not(.dm-in-chat) .dm-search-strip input{border:0;background:transparent;color:#fff8ed;min-width:0;width:100%;height:100%;outline:none;padding:0;font:400 clamp(13px,3.5vw,16px) Georgia,serif;appearance:none}
.dm-root:not(.dm-in-chat) .dm-search-strip input::placeholder{color:#d3d4c6;opacity:1}
.dm-root:not(.dm-in-chat) .dm-search-strip:focus-within{outline:2px solid #dbb775;outline-offset:2px}
.dm-root:not(.dm-in-chat) .dm-search-results:empty{display:none}
.dm-root:not(.dm-in-chat) .dm-search-results:not(:empty){padding:5px 8px 9px;margin:-11px 0 13px;border:1px solid #a99368;border-radius:15px;background:#edf1e5;color:var(--ll46-forest)}
.dm-root:not(.dm-in-chat) .dm-search-results .dm-contact{color:var(--ll46-forest)!important;border-bottom:1px solid #b8c4ac!important;background:transparent!important}
.dm-root:not(.dm-in-chat) .dm-search-results .dm-contact small{color:#48634d}
.dm-root:not(.dm-in-chat) .dm-search-results .micro-note{color:var(--ll46-forest)}
/* Circles with individual gold leaf flourish, retaining each member's actual avatar. */
.dm-root:not(.dm-in-chat) .dm-quick{margin:0 0 18px}
.dm-root:not(.dm-in-chat) .dm-inline-head{padding:0 0 12px}
.dm-root:not(.dm-in-chat) .dm-quick .dm-inline-head h2{font:700 clamp(21px,6vw,27px) Georgia,serif;color:#fff9ec;margin:0}
.dm-root:not(.dm-in-chat) .dm-quick .dm-inline-head>span{font:400 clamp(12px,3.1vw,15px) Georgia,serif;color:#f1e5d3}
.dm-root:not(.dm-in-chat) .dm-quick-scroll{gap:clamp(11px,3.4vw,20px);padding:3px 0 10px;scrollbar-color:#98805e transparent}
.dm-root:not(.dm-in-chat) .dm-person{flex:0 0 75px;width:75px;gap:9px;color:#fff6e9}
.dm-root:not(.dm-in-chat) .dm-person>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.32;width:100%;font:400 12px Georgia,serif;color:#fff5e8}
.dm-root .dm-leaf-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;width:64px;height:64px;border-radius:50%;border:2px solid #edddae;box-shadow:0 0 0 2px #274334,0 2px 6px #1e101235;background:#38543a;isolation:isolate}
.dm-root .dm-leaf-avatar>.member-avatar{display:inline-flex;width:100%!important;height:100%!important;min-width:0!important;border:2px solid #f7efdb!important;box-shadow:none!important;border-radius:50%;overflow:hidden;flex:1 1 auto}
.dm-root .dm-leaf-avatar .dm-avatar-leaf{position:absolute;width:25px;height:25px;right:-10px;bottom:-4px;z-index:2;filter:drop-shadow(0 1px 1px #332e1770);pointer-events:none}
.dm-root:not(.dm-in-chat) .dm-person .dm-leaf-avatar{width:69px;height:69px}
.dm-root:not(.dm-in-chat) .dm-quick-empty{font-family:Georgia,serif;color:#efe9dc;border:1px solid #886d58}
/* Keep all three working tabs and their current actions. */
.dm-root:not(.dm-in-chat) .dm-tabs{margin:1px 0 14px;gap:3px;padding:4px;background:linear-gradient(110deg,#273729,#302e29);border:1px solid #7d6e47;border-radius:28px}
.dm-root:not(.dm-in-chat) .dm-tabs button{min-height:45px;font-family:Georgia,serif;font-weight:600;color:#fff4df;font-size:clamp(12px,3.5vw,15px);border-radius:25px;padding:6px 1px}
.dm-root:not(.dm-in-chat) .dm-tabs button.selected{background:linear-gradient(125deg,#f4efdc,#e5e5cc);color:#1c392a;box-shadow:0 3px 7px #17170d30}
/* The exact requested light-green conversations container and forest-green text. */
.dm-root:not(.dm-in-chat) .dm-recent-panel{
  background:linear-gradient(120deg,#e1e9d6 0%,#cbd5b8 54%,#e1e8d3 100%)!important;
  color:var(--ll46-forest)!important;
  border:1px solid #ebead6!important;
  border-radius:26px;
  padding:clamp(14px,4vw,20px) clamp(13px,3vw,18px);
  box-shadow:0 7px 23px #20140f30;
  min-height:155px;
}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-inline-head{padding:2px 2px 14px}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-inline-head h2{font:700 clamp(22px,6vw,28px) Georgia,serif;color:var(--ll46-forest)!important;margin:0}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-text-button{color:var(--ll46-forest)!important;font:600 14px Georgia,serif;padding:6px 0}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact{
  display:flex;align-items:center;gap:13px;border:0!important;border-bottom:1px solid #879b81!important;
  border-radius:0;background:transparent!important;color:var(--ll46-forest)!important;
  padding:12px 4px;min-height:82px;margin:0;text-align:left;box-shadow:none;
}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact:last-child{border-bottom:0!important}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact .dm-leaf-avatar{height:57px;width:57px}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact>span:nth-child(2){min-width:0;flex:1}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact strong{color:var(--ll46-forest)!important;font:700 clamp(15px,4vw,18px) Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact small{color:#294e39!important;font:400 clamp(12px,3.35vw,15px) Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;max-width:100%}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact .dm-time{font:400 11px Georgia,serif;color:#30523b!important;max-width:74px;white-space:nowrap;flex:0 0 auto}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-unread{background:#24723e}
.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-empty-state,.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-empty-state strong,.dm-root:not(.dm-in-chat) .dm-recent-panel .dm-empty-state p{color:var(--ll46-forest)!important}
.dm-root:not(.dm-in-chat) .dm-footer-note{color:#f1e9dc}
@media(max-width:370px){
 .dm-root:not(.dm-in-chat) .dm-title{font-size:37px}
 .dm-root:not(.dm-in-chat) .dm-envelope-icon{height:32px;width:38px}
 .dm-root:not(.dm-in-chat) .dm-person{flex-basis:69px;width:69px}
 .dm-root:not(.dm-in-chat) .dm-person .dm-leaf-avatar{height:62px;width:62px}
 .dm-root:not(.dm-in-chat) .dm-start-button{min-width:73px;min-height:79px;padding:7px}
 .dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact{gap:8px}
 .dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact .dm-leaf-avatar{height:51px;width:51px}
 .dm-root:not(.dm-in-chat) .dm-recent-panel .dm-contact .dm-time{max-width:65px;font-size:10px}
}