/* ==UserStyle==
@name Gmail Modern Design
@description Fixes and modern design for Gmail (Google Mail)
@author Rensatsu
@namespace https://ren-user-css.pages.dev/gmail.user.css
@version 2.0.20251027190042
==/UserStyle== */
@-moz-document domain("mail.google.com") {
  /* Custom font */
  body,
  td,
  input,
  textarea,
  select,
  .md,
  .aeU .ma,
  .bp .ma,
  .l6,
  .ar,
  .brg,
  .z0 > .L3,
  .TO .nU > .n0,
  .TO.NQ .nU > .n0,
  .TO.nZ .nU > .n0,
  .ah9 > .CJ,
  .n3 > .CL > .CK,
  .Bn,
  .bs0 > .acM,
  .T-I-atl,
  .ZF-zT > .ZZ,
  [class^="asor"],
  .J-M,
  .Wr > .Wn,
  .amH > .Dj,
  .h0 > .adl,
  .ig .g3,
  .hI .g3,
  .iv .g3,
  .gH.acX > .L3.bsQ,
  .brC-ays,
  .gb_Re,
  .aAv,
  .hx *,
  .ahR,
  .ha > .hP,
  .Oa,
  .H0,
  .yW,
  .apW,
  .apb .aiD,
  .agJ.aFB .agE,
  .agJ.aFB .agM {
    font-family: "IBM Plex Sans", "Trebuchet MS", system-ui, sans-serif !important;
  }
  .zA > .a4W {
    letter-spacing: 0px;
  }
  /* bold message title */
  .yP {
    font-weight: bold;
  }
  /* copyright links */
  .ma {
    display: none;
  }
  /* label */
  .at {
    border-width: 1px;
    border-style: solid;
  }
  /* message header */
  .if > .byY,
  .iC .byY {
    padding-left: 15px;
  }
  /* message - star icon, when message highlighted */
  .aqw > td.apU > .T-KT.aXw::before,
  .btb > td.apU > .T-KT.aXw::before {
    opacity: 0.16;
  }
  /* tooltips */
  .T-ays {
    display: none;
  }
  /* mail list overflow in firefox */
  .apg .aeJ,
  .apg .age {
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  /* <>: always wrap message contents */
  .zA {
    flex-wrap: wrap;
  }
  .zA > .PF {
    order: -1;
  }
  .zA > td.oZ-x3 {
    padding-left: 14px;
  }
  .zA > .xY {
    order: 0;
  }
  .zA > td.apU {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    margin-left: auto;
    order: 2;
    padding-right: 16px;
    width: 20px;
  }
  .zA > .WA + .yX,
  .zA > .bnk + .yX {
    max-width: calc(100% - 76px - 110px);
  }
  .zA > .a4W {
    align-items: flex-start;
    margin-left: 46px;
    margin-right: 8px;
    order: 1;
    padding-right: 0;
    width: calc(100% - 56px - 36px);
  }
  .zA > .yf {
    flex: 1 1 0;
    margin-left: auto;
  }
  .zA > .xW {
    flex-basis: auto;
  }
  .zA > .xY.bq4 {
    margin-left: auto;
  }
  .zA > .xY.byZ,
  .zA:not(:hover) .by1 ~ .y2 {
    display: none;
  }
  /* label */
  .yi {
    margin-left: 8px;
    max-width: calc((100% - 90px) / 2);
    order: 1;
  }
  .y2 {
    flex: 1 1 0;
    min-width: calc((100% - 90px) / 2);
    display: block !important;
  }
  .a4W .xT {
    flex-wrap: wrap;
  }
  .Zt {
    display: none;
  }
  .y6 {
    flex-wrap: wrap;
    order: 0;
    width: 100%;
  }
  /* snoozed label */
  .cL {
    margin-left: 0 !important;
    margin-right: 5px;
    display: block !important;
    background: #fdd835;
    border: 1px solid #fbc02d;
    color: #424242 !important;
    padding: 0 5px;
    border-radius: 3px;
  }
  /* </>: always wrap message contents */
  /* drive usage and last account activity info */
  .l2 {
    display: flex;
  }
  /* "No messages" message background */
  .UI .TB {
    border-bottom: 0 !important;
  }
  .TD {
    background: transparent !important;
  }
  /* Selected message background */
  .btb {
    background: #fff;
    box-shadow: 0 1px 0px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  }
  /* Hovered message background */
  .zA:hover {
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 0px 0 rgba(60, 64, 67, 0.2), 0 1px 3px 1px rgba(60, 64, 67, 0.1);
  }
  /* "Compose" button background */
  .z0 > .L3,
  .z0 > .L3:hover,
  .z0 > .L3:focus {
    background: #d3e3fd;
  }
  /* Vertical splitter */
  .Nm .Nt {
    --splitter-color: #f6f8fc;
    border-left: 1px solid var(--splitter-color);
    border-right: 1px solid var(--splitter-color);
    background: var(--splitter-color);
  }
}