/* Dosa Tycoon 5.0 (MKT50): Marketing's picker for several outlets and the auto-renew switch (js/mkt50-ui.js). Built from the windows'
 * own pieces (dtw-card, dtw-chip, dtw-switch, dt-btn); text 13.5 px or more (the 12 px floor), buttons 44 px tall on a phone, nothing
 * clipped at 360 px. */
.mkt-pick { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px 14px 14px; background: #FFFBEA; }
.mkt-pick.is-hidden, .mkt-many.is-hidden, .mkt-tag.is-hidden, .mkt-auto.is-hidden { display: none; }
.mkt-pick__head { display: flex; align-items: center; gap: 10px; }
.mkt-pick__title { flex: 1 1 auto; min-width: 0; margin: 0; font-family: var(--font-display); font-size: 22px; line-height: 1.1; overflow-wrap: anywhere; }
.dtw-window .dt-btn--small.mkt-pick__close { flex: none; min-height: 40px; padding: 0 14px 4px; font-size: max(16px, var(--fl-deep, 0px)); }
.mkt-pick__sub { margin: 0; font-size: max(15px, var(--fl-deep, 0px)); font-weight: 700; line-height: 1.3; color: #5E4433; }
.mkt-pick__list { display: flex; flex-direction: column; gap: 6px; }
/* a tick: the whole row is the button */
.mkt-tick { display: block; width: 100%; min-height: 48px; padding: 6px 10px; text-align: left; font: inherit; color: var(--ink); background: #FFFDF5; border: 2.5px solid rgba(58, 31, 18, .35); border-radius: 12px; cursor: pointer; }
.mkt-tick.is-on { background: #FFF0B8; border-color: var(--ink); }
.mkt-tick.is-off { cursor: default; background: #F3EBDC; }
.mkt-tick.is-off .mkt-tick__box { opacity: .4; }
.mkt-tick:focus-visible { outline: 3px solid var(--c-teal, #0E8C8C); outline-offset: 2px; }
.mkt-tick__in { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mkt-tick__box { position: relative; flex: none; width: 26px; height: 26px; background: #FFFDF5; border: 3px solid var(--ink); border-radius: 7px; }
.mkt-tick.is-on .mkt-tick__box { background: var(--c-good, #5DBB3F); }
.mkt-tick.is-on .mkt-tick__box::after { content: ''; position: absolute; left: 6px; top: 1px; width: 7px; height: 13px; border: solid #FFFDF5; border-width: 0 3.5px 3.5px 0; transform: rotate(45deg); }
.mkt-tick.is-mixed .mkt-tick__box::after { content: ''; position: absolute; left: 4px; top: 8px; width: 12px; height: 4px; background: var(--ink); border-radius: 2px; }
.mkt-tick__main { display: flex; flex-direction: column; gap: 1px; flex: 1 1 auto; min-width: 0; }
.mkt-tick__name { font-size: max(16.5px, var(--fl-deep, 0px)); font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.mkt-tick--all .mkt-tick__name { font-size: max(17px, var(--fl-deep, 0px)); }
.mkt-tick__what { font-size: max(14px, var(--fl, 0px)); font-weight: 700; line-height: 1.25; color: var(--muted); overflow-wrap: anywhere; }
.mkt-tick__price { flex: none; font-size: max(16px, var(--fl-deep, 0px)); font-weight: 800; font-variant-numeric: tabular-nums; }
.mkt-renew, .mkt-auto { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mkt-auto { margin-top: 6px; }
.mkt-renew__text, .mkt-auto__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.mkt-renew__name, .mkt-auto__name { font-size: max(16px, var(--fl-deep, 0px)); font-weight: 800; line-height: 1.2; }
.mkt-renew__note, .mkt-auto__note { font-size: max(14px, var(--fl, 0px)); font-weight: 700; line-height: 1.25; color: var(--muted); }
.mkt-pick__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding-top: 8px; border-top: 2px dashed rgba(58, 31, 18, .2); }
.mkt-pick__sum { display: flex; flex-direction: column; gap: 2px; flex: 1 1 160px; min-width: 0; }
.mkt-pick__total { font-size: max(17px, var(--fl-deep, 0px)); font-weight: 800; font-variant-numeric: tabular-nums; }
.mkt-pick__why { font-size: max(15px, var(--fl-deep, 0px)); font-weight: 700; color: var(--bad); }
.mkt-pick__why:empty { display: none; }
.dtw-window .dt-btn--small.mkt-pick__go { flex: 0 1 auto; min-width: 0; max-width: 100%; white-space: normal; }
.dtw-window .dt-btn--small.mkt-many { flex: none; min-height: 40px; padding: 0 14px 4px; font-size: max(16px, var(--fl-deep, 0px)); }
.mkt-tag { margin-left: 8px; min-height: 24px; padding: 0 9px 1px; font-family: var(--font-ui); font-size: max(13.5px, var(--fl, 0px)); letter-spacing: 0; vertical-align: middle; border-width: 2px; }
.is-compact .mkt-pick { padding: 10px 12px 12px; }
.is-compact .mkt-pick__title { font-size: max(19px, var(--fl-deep, 0px)); }
.is-compact .mkt-pick__sub { font-size: max(14px, var(--fl, 0px)); }
.is-compact .dtw-window .dt-btn--small.mkt-pick__close, .is-compact .dtw-window .dt-btn--small.mkt-many { min-height: 44px; }
.is-compact .mkt-pick__foot { flex-direction: column; align-items: stretch; }
.is-compact .mkt-pick__sum { flex: none; }