/**
 * @file email-poster.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The Email page in the poster face (em- prefix; design canvas "AIMEAT Sähköpostin
 *   sivu", direction A). The shared parts come from organism.css's og- rules, the switch and the
 *   roads from notifications-poster.css, the facts grid from contacts-poster.css; this file
 *   carries what email adds: the uses list, the mailbox rows with their delegations, the sent log,
 *   the letters rows, the mail log. NOTE: this file must be linked in spa.html.
 * @version-history
 *   v1.13.0 -- 2026-09-26 -- The page's parts are kit components (page group G8): the strip's address (FigureStrip long), the change form (Fields), the mailbox marks and delegations (List Lead, Row below), the select, the sent log's and the letters' places (List, CardGrid, Label, More) go.
 *   v1.12.0 -- 2026-09-26 -- The dashed avatar is the avatar's agent tone in css/poster.css (.poster-box--agent); its rule here goes.
 *   v1.11.0 -- 2026-09-25 -- The code field is the Text field as it is, a unification: the look most tabs use. Its typewriter face and wide letter spacing go; its width stays.
 *   v1.10.0 -- 2026-09-25 -- The last emails from here are the Item grid (css/components/item-grid.css, two columns), a unification: the look most tabs use. The rules of .em-maillog and its phone rule go; its margin stays.
 *   v1.9.0 -- 2026-09-25 -- A mailbox's delegation lines are a library part, css/components/delegation-lines.css (a move): their rules go from here unchanged; their place in the listing row stays.
 *   v1.8.0 -- 2026-09-25 -- The sent log is a library part, css/components/sent-log.css (a move): its rules and its phone rules go from here unchanged.
 *   v1.7.0 -- 2026-09-25 -- The uses of the address are a library part, css/components/uses-list.css (a move): their rules and their phone rule go from here unchanged.
 *   v1.6.0 -- 2026-09-25 -- The mailboxes and the letters are the Listing (css/components/listing.css), a unification: the look most tabs use. The rules of em-mb, em-nm, em-w, em-ctl go; the mark keeps its box size and dashed edge, the delegation count its typewriter line, the delegations their place under the row.
 *   v1.5.0 -- 2026-09-25 -- Every drop-down is the Select field (.select-field, css/components/select-field.css); a place keeps only its width and margin (a unification: the look most tabs use).
 *   v1.4.0 -- 2026-09-25 -- The switch rules go: a setting that is on or off is the Switch (css/components/switch.css); a place's layout value stays here (UI consolidation phase 5, a unification).
 *   v1.3.0 -- 2026-09-25 -- The hint rules go: the hints are the Hint (css/components/hint.css); the layout declarations of their places stay, on .poster-hint (UI consolidation phase 5, a unification).
 *   v1.2.0 -- 2026-09-25 -- The times' look is .poster-time; their rules here keep only their place (Jouni's decision "Timestamp", a unification).
 *   v1.1.0 -- 2026-09-25 -- The row labels' look is .poster-label; their rules here keep only their place (Jouni's decision "Row label", a unification).
 *   2026-09-25 -- The empty lines are the quiet sentence (.poster-quiet, Jouni's decision "Empty line"): .og-empty's look goes, its place (margin 0) stays on the new class.
 *   2026-09-25 -- The sent filters lose their rule: the tab (.poster-tab) now draws them (a unification: Jouni's decision "Tabs and filters").
 *   2026-09-13 -- Compose the shared initials box; retain only row dimensions and placement.
 *   v1.0.0 — 2026-08-30 — Initial.
 */

.og-em .poster-quiet { margin: 0; }
.og-em .poster-hint { display: block; }
.og-em .og-fold > span:not(.og-fold-r):not(.og-fold-arrow) { white-space: nowrap; }
.og-em .og-fold-r { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }