/* Vlastní úpravy vzhledu webmailu — jediné místo, kam psát.
   Načítá se až za stylem skinu (plugin brntstyle), takže tady stačí přebít.  */

/* 1) Sloupec se složkami a seznam zpráv byly zmáčknuté na své minimum
   (220 a 300 px), zatímco obsah zabral 1513 px a celek přetékal přes okno.
   Důvod: #layout-content má min-width: auto, takže si nárokuje šířku podle
   nejširšího potomka (iframe se zprávou). Nulové minimum vrátí panelům poměr,
   který elastic zamýšlí (flex 2 : 3 : 6).  */
#layout-content {
    min-width: 0;
}

/* 2) Levé ikonové menu: elastic mu dává 78 px a české popisky se do nich
   nevejdou („Naps…", „Nastav…"). Rozšiřuje se celý sloupec #layout-menu, ne jen
   #taskmenu — jinak layout prostor nevyhradí a seznam složek menu překryje.
   Jen pro velká okna; pod 1025 px má elastic vlastní kompaktní režim.  */
@media screen and (min-width: 1025px) {
    #layout-menu,
    html.dark-mode #layout-menu {
        width: 10rem;
        flex: 0 0 10rem;
    }

    #taskmenu,
    html.dark-mode #taskmenu,
    #taskmenu a,
    html.dark-mode #taskmenu a {
        width: 10rem;
        max-width: none;
    }
}

/* 3) Základní velikost písma. Elastic má html { font-size: 14px } a celý skin
   je v rem, takže tahle jediná hodnota zvětší UI proporčně — včetně šířek výše.  */
html {
    font-size: 16px;
}

/* 4) Lišta nad seznamem zpráv: „Vybrat / Konverzace / Možnosti" zabíraly 286 px
   z 479 px hlavičky a „Obnovit" přetékalo ze svého rámečku. Popisky pryč, samotné
   ikony stačí a lišta spadne na 154 px. (Přetékalo i při původních 14 px.)  */
#layout-list .header ul.toolbar span.inner {
    display: none;
}

/* U tlačítka Obnovit musí být !important: elastic má nad 1201 px pravidlo
   „a.toolbar-button span.inner { display: inline !important }", takže popisek
   vynutí i do 40px rámečku, ze kterého pak přetéká.  */
#layout-list .header a.toolbar-button span.inner {
    display: none !important;
}

/* 5) Ikony v hlavičkách (šipka zpět, tři tečky) seděly o ~19 px pod osou:
   a.button.icon dědí line-height 58 px z hlavičky, takže řádkový box glyfu je
   vyšší než jeho rámeček a ikona se propadne dolů. Jednotková výška řádku ji
   vrátí na osu; svislé centrování obstará align-items: center, které tam už je. */
.header a.button.icon {
    line-height: 1;
}

/* 6) Totéž v seznamu složek (Příchozí pošta, Rozepsané, Spam…): ikona je vysoká
   20 px, ale dědí 35px řádkování položky, takže sedí pod osou textu.  */
#mailboxlist li a::before {
    line-height: 1;
}

/* 7) Mailová adresa v hlavičce začínala přesně tam, kde končí tlačítko se
   šipkou zpět — nulová mezera. 0,75 rem dá 12 px odstupu.  */
#layout-sidebar .header .header-title {
    padding-left: 0.75rem;
}