/* Shared section hierarchy for desktop, mobile web and installed Delhi45 Lite. */
#mobile-nav.navigation-drawer { --drawer-update:#c62828; }
#mobile-nav.navigation-drawer>nav { padding:0 12px 2px; }
#mobile-nav [data-menu-group] {
  --section-accent:#075eaa; --section-soft:#eef6ff; --section-line:#c8dff3;
  padding:0 4px 5px; margin:12px 0 0; border:1px solid var(--section-line);
  border-radius:14px; background:var(--surface,#fff); overflow:hidden;
  box-shadow:0 2px 8px #142c4809;
}
#mobile-nav [data-menu-group="account"] { --section-accent:#9d246c; --section-soft:#fff1f7; --section-line:#edcddd; }
#mobile-nav [data-menu-group="create"] { --section-accent:#08775e; --section-soft:#edf9f4; --section-line:#bfe2d5; }
#mobile-nav [data-menu-group="help"] { --section-accent:#8a5b0b; --section-soft:#fff8e8; --section-line:#eadbb9; }
#mobile-nav [data-menu-group="safety"] { --section-accent:#6743a4; --section-soft:#f5f1ff; --section-line:#d9ccec; }
#mobile-nav [data-menu-group="app"] { --section-accent:#b44331; --section-soft:#fff2ee; --section-line:#edcfc5; }
#mobile-nav.navigation-drawer [data-menu-group]>h3 {
  margin:0 -4px 4px; padding:11px 13px; color:var(--section-accent);
  background:var(--section-soft); border-bottom:1px solid var(--section-line);
  font-size:calc(11px * var(--delhi45-text-scale,1)); font-weight:800;
  letter-spacing:.045em; line-height:1.5; overflow-wrap:anywhere;
}
#mobile-nav.navigation-drawer [data-menu-group]>[data-menu-id] {
  display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box;
  min-height:48px; padding:6px 7px; margin:0; border:0; border-radius:8px;
  background:transparent; color:var(--ink,#172b42); text-align:left;
  font-size:calc(13px * var(--delhi45-text-scale,1)); font-weight:500;
  line-height:1.45; text-decoration:none;
}
#mobile-nav.navigation-drawer [data-menu-id]>.icon {
  width:32px; height:32px; padding:7px; box-sizing:border-box; flex:0 0 32px;
  color:var(--section-accent); background:var(--section-soft); border-radius:9px;
}
#mobile-nav .drawer-menu-label { flex:1; min-width:0; overflow-wrap:anywhere; }
#mobile-nav.navigation-drawer [data-menu-id]:hover { background:var(--section-soft); }
#mobile-nav.navigation-drawer [data-menu-id]:focus-visible { outline:2px solid var(--section-accent); outline-offset:-2px; }
#mobile-nav.navigation-drawer [data-menu-id="update"]>.icon { color:var(--drawer-update); }
html[data-theme="dark"] #mobile-nav { --drawer-update:#ff958c; }
html[data-theme="dark"] #mobile-nav [data-menu-group] { --section-accent:#89c8ff; --section-soft:#102737; --section-line:#254f6c; box-shadow:none; }
html[data-theme="dark"] #mobile-nav [data-menu-group="account"] { --section-accent:#f4a6d1; --section-soft:#311c2c; --section-line:#613650; }
html[data-theme="dark"] #mobile-nav [data-menu-group="create"] { --section-accent:#8cdfc4; --section-soft:#12312b; --section-line:#285d50; }
html[data-theme="dark"] #mobile-nav [data-menu-group="help"] { --section-accent:#efcd82; --section-soft:#30291a; --section-line:#60502e; }
html[data-theme="dark"] #mobile-nav [data-menu-group="safety"] { --section-accent:#c4b0ff; --section-soft:#251f36; --section-line:#4d4169; }
html[data-theme="dark"] #mobile-nav [data-menu-group="app"] { --section-accent:#ffb4a5; --section-soft:#35221f; --section-line:#6a453c; }