@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.google.com") {

  /* hide the 4px spacer div between the "main"
   * inbox and the right panel. wtf, google */
  .diLZtc .nn.nH { display: none; }

  /* override the pixel widths of the main inbox
   * and right panel with flexible percentages */
  .diLZtc .nn.nH:first-child,
  .diLZtc .nn.nH:last-child {
    -moz-box-sizing: border-box;
    display: block;
  }
  
  /* main inbox: occupy most of the width,
   * and add some space between the columns */
  .diLZtc .nn.nH:first-child {
    width: 60% !important;
    padding-right: 4px;
  }

  /* right panel */
  .diLZtc .nn.nH:last-child {
    width: 40% !important;
  }

  /* mask long messages overflowing from
   * the main inbox over the right panel*/
  .VOR3D { overflow: hidden; }

  /* make the titles of multiple inbox
   * panels fit in with the interface */
  .nH.nK > .nH:first-child {
    background: #e0ecff !important;
    border-bottom: 1px solid #cad4e6 !important;
    font-weight: normal !important;
    /*font-size: 80% !important;*/
    padding: 2px !important;
  }

  /* reduce the size of the dividers
   * between multiple inbox pannels */
  .nH.nK {
    margin-bottom: 4px !important;
  }

  /* prevent the title and "view all"
   * link from breaking onto two lines,
   * and vertically center them both */
  .nH.nK .nH.Cq,
  .nH.nK .nH.Cr {
    width: auto !important;
    padding: 5px 0 3px 3px;
  }

  /* bump the "view all" line in the main
   * inbox down to line up with the others */
  .A1.D.E .nH.Cr {
    padding-top: 4px;
  }

  /* also match up the colors */
  .A1.D.E .Dj { opacity: 1 !important; }
  .A1.D.E span.e { color: #000 !important; }

  /* make the title visible to
   * on the light blue background */
  .nH.nK .gfqccc div { 
    color: #468 !important; }
}