/* Dosa Tycoon — calm.css (5.0 "Calm and clear", CALM50): what js/calm.js adds to the HUD and to Settings.
 * The night's summary with its folded lines, the chef's line on a module's card, the "new" mark in the news list and the
 * "Pop-ups: Calm | Everything" row of the pause menu. Text never under 12 px. */

/* ---- the day's summary, with the night's other news folded in (hud-toast--night) */
.hud-toast__col { display: flex; flex-direction: column; min-width: 0; gap: 2px; padding: 3px 0 4px; }
.hud-toast--night .hud-toast__main { align-items: flex-start; }
.hud-toast--night .hud-toast__main > .hud-ic { margin-top: 3px; }
.hud-toast__lines { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.hud-toast__line { position: relative; padding-left: 13px; font-size: max(13.5px, var(--fl, 0px)); font-weight: 700; line-height: 1.2; color: #4A2C1A; overflow-wrap: anywhere; }
.hud-toast__line::before { content: ''; position: absolute; left: 2px; top: .45em; width: 6px; height: 6px; border-radius: 50%; background: var(--tone); box-shadow: 0 0 0 1.5px var(--c-ink); }
.hud--compact .hud-toast--night .hud-toast__col { padding: 4px 0 6px; }
.hud--compact .hud-toast--night .hud-toast__txt { padding: 0; }
.hud--compact .hud-toast__line { font-size: max(13px, var(--fl, 0px)); }
/* (a phone held sideways has one short row for the feed: the lines are in the news list and the report) */
.hud--landscape:not(.hud--tablet) .hud-toast__line:nth-child(n+3) { display: none; }

/* ---- a module's card: the chef's line about it, on the card itself */
.hud-unl__chef { display: flex; align-items: flex-start; gap: 8px; margin: 6px 12px 0; padding: 6px 9px 7px; border-radius: 10px; background: rgba(255, 248, 231, .9); border: 2px solid rgba(74, 44, 26, .25); font-size: max(13.5px, var(--fl, 0px)); font-weight: 700; font-style: italic; line-height: 1.25; color: #4A2C1A; }
.hud-unl__face { flex: none; width: 30px; height: 30px; }
.hud-unl__face svg { width: 100%; height: 100%; }
.hud--landscape:not(.hud--tablet) .hud-unl__chef { display: none; }      /* (no room beside the room: the chef's line is the card's own short line there) */

/* ---- the news list: what had not been seen when it opened */
.hud-news__item.is-new { background: #FFF6D6; box-shadow: inset 0 0 0 2px rgba(245, 179, 1, .55); }

/* ---- Settings: Pop-ups, Calm | Everything */
.dts-pause__row--calm { margin-top: -4px; }
.dts-calm { display: flex; flex: 1 1 auto; align-items: center; flex-wrap: wrap; gap: 4px 12px; width: 100%; min-width: 0; }
.dts-calm__label { flex: none; font-size: 20px; font-weight: 800; white-space: nowrap; color: #6B4A33; }
.dts-calm__seg { display: flex; flex: none; min-width: 0; overflow: hidden; background: #FFF8E7; border: 3px solid var(--c-ink); border-radius: 15px; box-shadow: 0 3px 0 var(--c-ink); }
.dts-calm__opt { flex: none; min-height: 42px; padding: 1px 14px 4px; font: 800 max(17px, var(--fl-deep, 0px))/1.1 var(--font-ui); color: #4A2C1A; background: none; border: 0; border-left: 3px solid var(--c-ink); cursor: pointer; }
.dts-calm__opt:first-child { border-left: 0; }
.dts-calm__opt:hover { background: #FFF1C9; }
.dts-calm__opt.is-on { color: var(--c-ink); background: var(--c-turmeric); }
.dts-calm__opt:focus-visible { outline: 4px solid var(--c-teal); outline-offset: -4px; }
.dts-calm__hint { flex: 1 1 200px; min-width: 0; font-size: max(15px, var(--fl-deep, 0px)); font-weight: 600; line-height: 1.2; color: #6B4A33; }
html.dt-compact .dts-calm { justify-content: center; gap: 6px 10px; }
html.dt-compact .dts-calm__label { font-size: max(18px, var(--fs-min, 12px)); }
html.dt-compact .dts-calm__opt { min-height: calc(46px / var(--ui-zoom, 1)); padding-left: 12px; padding-right: 12px; font-size: max(17px, var(--fs-min, 12px)); }
html.dt-compact .dts-calm__hint { flex-basis: 100%; text-align: center; font-size: max(14px, var(--fs-min, 12px)); }
/* (TRI50) a tablet's controls are 48 px, as its other Settings buttons are (FIX49F: html.dt-compact.dt-tablet); 46 px was a phone's */
html.dt-compact.dt-tablet .dts-calm__opt { min-height: calc(48px / var(--ui-zoom, 1)); }
/* (the big stage's menu had no line to spare: with this row its spacing is drawn in, as .is-crowded does, so it stays on the stage) */
/* (TRI50, f50a) Measured with the account column (signed out, the usual case): 909 stage px of 900 in WebKit at 1600 x 900, 917 at
 * 1280 x 720 (the 12 px text floor makes the words taller at a smaller scale), 904 in Chrome with Leagues; the menu's top was off the
 * screen. These rules came after FIX49F's .has-online ones (8 / 8 / 10 px) and loosened them. Now they only draw in: about 24 stage
 * px less than before in the menu and about 28 in the account column beside it, the Calm | Everything buttons 38 px with a mouse (the Scroll to buttons beside them are 40), 44 real px
 * wherever a finger is (below). */
html:not(.dt-compact) .dts-pause.has-calm { padding-bottom: 10px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-pause__today { margin-top: 4px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-pause__btns { gap: 8px; margin-top: 8px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-savestat { margin-top: 6px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-pause__row--more { row-gap: 6px; margin-top: 0; }
html:not(.dt-compact) .dts-pause.has-calm .dts-pause__foot { margin-top: 4px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-calm__opt { min-height: 38px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-pause__today { padding-top: 5px; padding-bottom: 7px; }
html:not(.dt-compact) .dts-pause.has-calm .dts-savestat { row-gap: 6px; padding-top: 6px; padding-bottom: 8px; }
/* (the account column, then: about as tall as the menu beside it, WebKit 710 stage px at 1280 x 720, 2 px under it) */
html:not(.dt-compact) .dts-pause.has-calm.has-online .dts-online { gap: 3px; }
html:not(.dt-compact) .dts-pause.has-calm.has-online .dts-online__links { margin-top: 4px; }
html:not(.dt-compact) .dts-pause.has-calm.has-online .dts-share--online { margin-top: 6px; }
@media (any-pointer: coarse) {
  html:not(.dt-compact) .dts-pause.has-calm .dts-calm__opt { min-height: max(42px, calc(44px / var(--stage-scale, 1))); }
  html:not(.dt-compact) .dts-pause.has-calm.has-online .dts-online { gap: 2px; }          /* (as FIX49F's touch rule: never looser) */
}