/* 2026-10-30 m190 (Vini, feedback from Nestlé): readable options window on a small laptop + guide balloons. */

/* ---- readability: nothing below 13.5 px, explanations 14.5-15.5 px ---- */
#mediaModal .media-dialog-head h2 .m190-sub { font-size: 15px; font-weight: 500; color: var(--muted); letter-spacing: 0; }
#mediaModal .media-dialog-head p { font-size: 15px; }
#mediaModal .m190-head-actions { display: flex; align-items: center; gap: 10px; }
#mediaModal .m190-help { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 210, 90, .55); background: rgba(255, 210, 90, .1); color: #ffe39a; border-radius: 999px; padding: 7px 13px; font: 700 14px/1 inherit; cursor: pointer; }
#mediaModal .m190-help span { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #ffd25a; color: #241b02; font-size: 12px; }
#mediaModal .m190-help:hover { background: rgba(255, 210, 90, .2); }
#mediaModal .detected-media { font-size: 14.5px; align-items: center; flex-wrap: wrap; }
#mediaModal .detected-media .m190-analysis { font-weight: 500; color: var(--muted); margin-right: 4px; }
#mediaModal .media-language-source > span, #mediaModal .media-target-field > span { font-size: 14px; }
#mediaModal .media-language-source small, #mediaModal #mediaTargetHint { font-size: 14px; line-height: 1.4; }
#mediaModal .add-target-language { font-size: 15px; }
#mediaModal .ppt-export-head strong { font-size: 15px; }
#mediaModal .ppt-export-langs label, #mediaModal .ppt-lang { font-size: 15px; }
#mediaModal .ppt-template-field > span, #mediaModal .ppt-template-status { font-size: 14px; }
#mediaModal .batch-choice legend { font-size: 14px; }
#mediaModal .batch-choice label { font-size: 15px; }
#mediaModal .media-choice-title strong { font-size: 15.5px; }
#mediaModal .media-choice-title small, #mediaModal .images-localization-state { font-size: 14px; }
#mediaModal .glow-option { font-size: 14px; line-height: 1.25; }
#mediaModal .glow-option small { display: block; margin-top: 3px; font-size: 12.5px; font-weight: 500; letter-spacing: 0; text-transform: none; opacity: .85; }
#mediaModal .voice-settings small, #mediaModal .timing-fit-copy small, #mediaModal #videoOriginalAudioHint { font-size: 14px; line-height: 1.4; }
#mediaModal .voice-select-field > span, #mediaModal .timing-fit-copy strong { font-size: 14.5px; }
#mediaModal .adaptation-consent-title { font-size: 15.5px; }
#mediaModal .adaptation-consent-copy { font-size: 15px; line-height: 1.5; }
#mediaModal .media-language-message, #mediaModal .coming-soon-note, #mediaModal .media-output-summary { font-size: 14.5px; }
#mediaModal #confirmMediaLabel { font-size: 16px; letter-spacing: .04em; }

/* ---- guide ---- */
.m190-hl { outline: 3px solid #ffd25a !important; outline-offset: 4px; border-radius: 12px; animation: m190-pulse 1.6s ease-in-out infinite; }
@keyframes m190-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 210, 90, .45); } 50% { box-shadow: 0 0 0 10px rgba(255, 210, 90, 0); } }
.m190-tip { position: fixed; z-index: 2147483000; width: min(400px, calc(100vw - 16px)); background: #fff6d6; color: #2a2105; border-radius: 13px; padding: 13px 15px 11px; box-shadow: 0 14px 36px rgba(0, 0, 0, .55); font: 15.5px/1.42 Inter, "Segoe UI", Arial, sans-serif; }
.m190-tip[hidden] { display: none; }
.m190-tip .m190-title { display: block; font-size: 16px; margin: 0 22px 5px 0; }
.m190-tip .m190-li { display: flex; gap: 7px; margin-top: 4px; }
.m190-tip u { text-decoration-thickness: 1px; }
.m190-tip .m190-x { position: absolute; top: 7px; right: 9px; border: 0; background: none; color: #8a7a3a; font-weight: 800; font-size: 15px; cursor: pointer; }
.m190-tip .m190-actions { display: flex; align-items: center; gap: 10px; margin-top: 11px; }
.m190-tip .m190-skip { border: 0; background: none; color: #7a6a2a; text-decoration: underline; font-size: 14px; cursor: pointer; padding: 0; }
.m190-tip .m190-count { flex: 1; }
.m190-tip .m190-next { border: 0; background: #2a2105; color: #fff6d6; font-weight: 800; font-size: 14.5px; border-radius: 9px; padding: 8px 16px; cursor: pointer; }
.m190-tip .m190-arrow { position: absolute; left: var(--m190-ax, 30px); width: 0; height: 0; border: 10px solid transparent; }
.m190-tip.m190-below .m190-arrow { top: -10px; border-top: 0; border-bottom-color: #fff6d6; }
.m190-tip.m190-above .m190-arrow { bottom: -10px; border-bottom: 0; border-top-color: #fff6d6; }
@media (prefers-reduced-motion: reduce) { .m190-hl { animation: none; } }

.m190-tip .m190-warn { margin-top: 8px; background: #ffe7a3; border-radius: 8px; padding: 6px 8px; }
.m190-tip .m190-hint { margin-top: 9px; font-size: 13.5px; color: #7a6a2a; }
#mediaModal .m190-agree { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 9px 13px; border: 1px solid rgba(255, 210, 90, .5); border-radius: 10px; background: rgba(255, 210, 90, .08); color: #ffe39a; font-weight: 750; font-size: 15px; cursor: pointer; white-space: nowrap; }
#mediaModal .m190-agree input { width: 20px; height: 20px; margin: 0; accent-color: #2fb67c; }
#mediaModal .adaptation-consent.m190-need { outline: 3px solid #ff7a59; outline-offset: 3px; border-radius: 12px; }
.m190-confirm { position: fixed; inset: 0; z-index: 2147483001; background: rgba(2, 6, 12, .62); display: grid; place-items: center; padding: 16px; }
.m190-confirm-box { width: min(480px, 100%); background: #fff6d6; color: #2a2105; border-radius: 14px; padding: 18px 20px 16px; box-shadow: 0 18px 50px rgba(0, 0, 0, .6); font: 15.5px/1.45 Inter, "Segoe UI", Arial, sans-serif; }
.m190-confirm-box .m190-title { display: block; font-size: 17px; margin-bottom: 6px; }
.m190-confirm-box p { margin: 6px 0; }
.m190-confirm-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 14px; flex-wrap: wrap; }
.m190-confirm-actions button { border-radius: 9px; padding: 9px 15px; font-weight: 800; font-size: 14.5px; cursor: pointer; }
.m190-confirm-actions .m190-change { background: #2a2105; color: #fff6d6; border: 0; }
.m190-confirm-actions .m190-go { background: transparent; color: #2a2105; border: 1px solid #b9a774; }
.m190-tip.m190-left .m190-arrow { left: auto; right: -10px; top: var(--m190-ay, 20px); border-right: 0; border-left-color: #fff6d6; }
.m190-tip.m190-clickable { cursor: pointer; }
.m190-tip.m190-clickable:hover { box-shadow: 0 14px 36px rgba(0,0,0,.55), 0 0 0 3px rgba(255,210,90,.7); }
.m190-tip .m190-hint { font-weight: 700; }
.m190-tip2 { width: min(300px, calc(100vw - 16px)); padding: 11px 14px; font-size: 15px; }
.m190-tip .m190-hint:empty { display: none; }
/* m190: module line readable (was 5.9-9 px) */
#localizationRows .localization-stepper-v2 b { font-size: 12.5px !important; }
#localizationRows .localization-project-guidance strong { font-size: 14px; }
#localizationRows .localization-project-guidance span { font-size: 13.5px; }
#localizationRows .localization-project-guidance .localization-inline-action { font-size: 13px; }
#localizationRows .localization-project-title-copy small { font-size: 13.5px; }
#localizationRows .localization-decision-buttons button { font-size: 11.5px; min-height: 26px; }
#localizationRows .localization-language-chip { font-size: 13px; }
.m190-stage { width: min(360px, calc(100vw - 16px)); }
/* m190: one frame per order, one line per language */
#localizationRows .m190-order { display: block !important; padding: 14px 16px 6px; border: 1px solid rgba(45, 165, 160, .5); border-radius: 15px; background: radial-gradient(circle at 82% 12%, rgba(82, 68, 200, .08), transparent 30%), linear-gradient(145deg, rgba(8, 25, 43, .99), rgba(7, 21, 37, .99)); margin-bottom: 14px; min-height: 0 !important; overflow: visible; }
#localizationRows .m190-order.selected { border-color: rgba(125, 116, 255, .75); }
#localizationRows .m190-ohead { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
#localizationRows .m190-ocover { width: 112px !important; height: 63px !important; min-height: 0 !important; flex: 0 0 112px; border-radius: 10px; overflow: hidden; }
#localizationRows .m190-ocover img { width: 100%; height: 100%; object-fit: cover; }
#localizationRows .m190-otitle strong { display: block; color: #f2f6fc; font-size: 17px; }
#localizationRows .m190-otitle small { display: block; margin-top: 3px; color: #9fb4cf; font-size: 13.5px; }
#localizationRows .m190-lrow { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 28px; grid-template-areas: 'lang side del' 'main main main'; gap: 6px 12px; align-items: center; padding: 10px 10px 8px 14px; border-top: 1px solid rgba(80, 110, 150, .25); border-radius: 10px; cursor: pointer; }
#localizationRows .m190-lrow:hover { background: rgba(120, 140, 255, .05); }
#localizationRows .m190-lrow.selected { background: rgba(91, 79, 214, .13); box-shadow: inset 4px 0 0 #7d74ff; }
#localizationRows .m190-lang { grid-area: lang; display: flex; flex-direction: row; align-items: center; gap: 9px; border: 0; background: none; color: #eef3fb; cursor: pointer; padding: 0; text-align: left; }
#localizationRows .m190-lang b { font-size: 15.5px; }
#localizationRows .m190-lang span { font-size: 11.5px; font-weight: 800; color: #9fb4cf; border: 1px solid #2f5d92; border-radius: 6px; padding: 1px 6px; }
/* m199 (Vini, 01/11): sem "Viewing" */
#localizationRows .m190-lmain { grid-area: main; min-width: 0; }
#localizationRows .m190-lmain .localization-stepper-v2 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
#localizationRows .m190-lside { grid-area: side; display: flex; align-items: center; gap: 10px; }
#localizationRows .m190-lside b { color: #fff; font-size: 17px; order: 2; }
#localizationRows .m190-lstatus { display: inline-flex; align-items: center; gap: 6px; color: #b8c6d8; font-size: 13px; }
#localizationRows .m190-dot { width: 8px; height: 8px; border-radius: 50%; background: #2fd7a8; animation: m190-pulse 1.6s ease-in-out infinite; }
#localizationRows .m190-ldel { grid-area: del; position: static !important; opacity: .55; }
#localizationRows .m190-ldel:hover { opacity: 1; }
#localizationRows .m190-lmain .localization-stepper-v2 > span, #localizationRows .m190-lmain .localization-stepper-v2 > button { min-height: 44px !important; padding: 20px 2px 6px !important; }
#localizationRows .m190-lmain .localization-stepper-v2 b { font-size: 11.5px !important; white-space: normal !important; line-height: 1.15; }
#localizationRows .m190-lmain .localization-project-guidance { margin-top: 4px; }
#localizationRows .m190-lmain .localization-decision-buttons button { font-size: 11px; }
#localizationRows .m190-lmain .localization-stepper-v2 b { font-size: 10.5px !important; word-break: keep-all !important; overflow-wrap: normal !important; hyphens: none; }
/* m190 (Vini: "cadê as coisinhas do que está sendo feito, áudio, imagem"): the live work strip moved inside
   .m190-card-tail (anti-flicker), so the old ".card > .pipeline-live" rules stopped matching. Same rules again. */
.localization-project-card-v2 > .m190-card-tail > .pipeline-live{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;grid-column:2 / 4;width:100%;min-width:0}
.localization-project-card-v2 > .m190-card-tail > .pipeline-live .pipeline-stage-line{display:block;flex:1 1 520px;min-width:0;overflow:visible!important;white-space:normal}
.localization-project-card-v2 > .m190-card-tail > .pipeline-live .stage-monitor{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;gap:3px}
.localization-project-card-v2 > .m190-card-tail > .pipeline-live .stage-mini{padding:2px 5px;font-size:10.5px}
.localization-project-card-v2 > .m190-card-tail > .pipeline-live .stage-mini b,
.localization-project-card-v2 > .m190-card-tail > .pipeline-live .stage-mini i{font-size:10.5px}
.localization-project-card-v2 > .m190-card-tail > .pipeline-live > small{display:none}
/* m190 (Vini): downloaded module = finished */
.pipeline-live.published-dates.m190-done{border-color:rgba(47,182,124,.55)!important;background:rgba(47,182,124,.10)!important}
.m190-finished{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#2fb67c!important;color:#04150d!important;font:800 11.5px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.05em;white-space:nowrap}
#localizationRows [data-flow-step="download"].done b{color:#84edca}
#localizationRows .m190-lrow .m190-lstages{grid-column:1 / -1;margin-top:4px}
#localizationRows .m190-lrow .m190-lstages .stage-monitor{display:flex;flex-wrap:wrap;gap:3px}
#localizationRows .m190-lrow .m190-lstages .stage-mini,#localizationRows .m190-lrow .m190-lstages .stage-mini b,#localizationRows .m190-lrow .m190-lstages .stage-mini i{font-size:10.5px}
/* m190 v18 (Vini, 30/10): one wide frame per order like the approved drawing: cover + name on top, one line per
   language with the 6 steps as pills (green = done, blue blinking = now, grey = not yet), and under each line
   the work strip (PR, TXT, AUD, IMA, BLD, QA...). */
#localizationRows { container-type: inline-size; }
#localizationRows .m190-order .localization-stepper-v2 { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 6px !important; padding: 0 !important; background: none !important; border: 0 !important; }
#localizationRows .m190-order .localization-stepper-v2::before, #localizationRows .m190-order .localization-stepper-v2::after { display: none !important; }
#localizationRows .m190-order .localization-stepper-v2 > span, #localizationRows .m190-order .localization-stepper-v2 > button { position: relative; display: flex !important; align-items: center; justify-content: center; min-height: 34px !important; height: auto; padding: 6px 4px !important; margin: 0 !important; border: 1px solid #22344f !important; border-radius: 9px !important; background: #0a1829 !important; box-shadow: none !important; color: #6f829c !important; cursor: default; }
#localizationRows .m190-order .localization-stepper-v2 > button { cursor: pointer; }
#localizationRows .m190-order .localization-stepper-v2 > * > i { display: none !important; }
#localizationRows .m190-order .localization-stepper-v2 > * > b { position: static !important; transform: none !important; color: inherit !important; font: 700 12.5px/1.15 Inter, "Segoe UI", Arial, sans-serif !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#localizationRows .m190-order .localization-stepper-v2 > .done { background: rgba(26, 104, 92, .28) !important; border-color: rgba(47, 182, 124, .38) !important; color: #7fe3c4 !important; }
#localizationRows .m190-order .localization-stepper-v2 > .done > b::before { content: "✓ "; }
#localizationRows .m190-order .localization-stepper-v2 > .active, #localizationRows .m190-order .localization-stepper-v2 > .next-action { background: #2f49c6 !important; border-color: #6d82ff !important; color: #fff !important; animation: m190-step-blink 1.5s ease-in-out infinite; }
#localizationRows .m190-order .localization-stepper-v2 > .waiting { background: rgba(160, 120, 30, .22) !important; border-color: rgba(245, 189, 66, .5) !important; color: #ffd27a !important; }
#localizationRows .m190-order .localization-stepper-v2 > .attention { background: rgba(170, 60, 60, .25) !important; border-color: rgba(255, 120, 120, .5) !important; color: #ffb3b3 !important; }
@keyframes m190-step-blink { 0%, 100% { box-shadow: 0 0 0 0 rgba(109, 130, 255, .55); opacity: 1; } 50% { box-shadow: 0 0 0 5px rgba(109, 130, 255, 0); opacity: .78; } }
@media (prefers-reduced-motion: reduce) { #localizationRows .m190-order .localization-stepper-v2 > * { animation: none !important; } }
#localizationRows .m190-order .localization-decision-step { flex-direction: column; gap: 4px; }
#localizationRows .m190-order .localization-decision-buttons { display: flex; gap: 4px; }
#localizationRows .m190-order .localization-decision-buttons button { font-size: 11px !important; min-height: 22px !important; padding: 2px 6px !important; border-radius: 6px; }
#localizationRows .m190-lmain .localization-project-guidance { margin-top: 6px; font-size: 13px; }
#localizationRows .m190-lrow .m190-lstages { margin-top: 7px; padding-top: 6px; border-top: 1px dashed rgba(88, 112, 153, .25); }
#localizationRows .m190-lrow .m190-lstages .stage-mini { padding: 2px 6px; }
#localizationRows .m190-lrow .m190-lstages .stage-mini, #localizationRows .m190-lrow .m190-lstages .stage-mini b, #localizationRows .m190-lrow .m190-lstages .stage-mini i { font-size: 11px !important; }
#localizationRows .m190-lside { flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
#localizationRows .m190-lside b { order: 0; font-size: 18px; }
#localizationRows .m190-lstatus { font-size: 12.5px; }
/* wide frame (PC): everything of a language on one line */
@container (min-width: 700px) {
  #localizationRows .m190-lrow { grid-template-columns: 118px minmax(0, 1fr) 100px 26px !important; grid-template-areas: 'lang main side del' !important; align-items: start !important; padding: 12px 8px 10px 12px !important; }
  #localizationRows .m190-lang { flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 6px; }
  #localizationRows .m190-lside { padding-top: 4px; }
  #localizationRows .m190-ldel { margin-top: 8px; }
}
#localizationRows .m190-order .localization-stepper-v2 > span::before, #localizationRows .m190-order .localization-stepper-v2 > button::before,
#localizationRows .m190-order .localization-stepper-v2 > span::after, #localizationRows .m190-order .localization-stepper-v2 > button::after { display: none !important; content: none !important; }
#localizationRows .m190-order .localization-stepper-v2 > .done > b::before { content: none; }
#localizationRows .m190-order .localization-stepper-v2 > * > b { font-size: 12px !important; letter-spacing: 0; }
#localizationRows .m190-lrow .m190-lstages .stage-monitor { justify-content: flex-start !important; width: 100%; }
@container (min-width: 700px) {
  #localizationRows .m190-lrow { grid-template-columns: 96px minmax(0, 1fr) 92px 24px !important; gap: 6px 10px !important; }
}
/* m190 v19 (Vini, 30/10, approved drawing): side status under the percentage */
#localizationRows .m190-lside { display: flex !important; flex-direction: column; align-items: flex-end; gap: 5px; text-align: right; }
#localizationRows .m190-lside b { font-size: 22px; color: #fff; order: 0; }
#localizationRows .m190-st { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; color: #b8c6d8; white-space: nowrap; }
#localizationRows .m190-st i { width: 9px; height: 9px; border-radius: 50%; background: #6f829c; flex: 0 0 auto; }
#localizationRows .m190-st.green { color: #84edca; }
#localizationRows .m190-st.green i { background: #2fd7a8; animation: m190-dot-blink 1.2s ease-in-out infinite; }
#localizationRows .m190-st.blue { color: #a9b8ff; }
#localizationRows .m190-st.blue i { background: #6d82ff; }
#localizationRows .m190-st.grey { color: #8ea3bd; }
@keyframes m190-dot-blink { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(47, 215, 168, .6); } 50% { opacity: .35; box-shadow: 0 0 0 5px rgba(47, 215, 168, 0); } }
#localizationRows .m190-fin { display: inline-block; background: #2fb67c; color: #04150d; border-radius: 999px; padding: 3px 11px; font-weight: 800; font-size: 12.5px; letter-spacing: .04em; }
#localizationRows .m190-lside small { color: #8ea3bd; font-size: 12px; white-space: nowrap; }
#localizationRows .m190-lang b { font-size: 16.5px; }
#localizationRows .m190-order .localization-stepper-v2 > * > b { font-size: 13.5px !important; }
#localizationRows .m190-order .localization-stepper-v2 > span, #localizationRows .m190-order .localization-stepper-v2 > button { min-height: 40px !important; }
#localizationRows .m190-otitle strong { font-size: 19px; }
#localizationRows .m190-ocover { width: 120px !important; height: 68px !important; flex: 0 0 120px; }
#localizationRows .m190-lrow .m190-lstages .stage-mini, #localizationRows .m190-lrow .m190-lstages .stage-mini b, #localizationRows .m190-lrow .m190-lstages .stage-mini i { font-size: 12px !important; }
@container (min-width: 700px) {
  #localizationRows .m190-lrow { grid-template-columns: 120px minmax(0, 1fr) 170px 24px !important; }
}
#localizationRows .m190-lside small { white-space: normal; }
@container (min-width: 700px) and (max-width: 1000px) {
  #localizationRows .m190-lrow { grid-template-columns: 92px minmax(0, 1fr) 138px 22px !important; gap: 6px 8px !important; }
  #localizationRows .m190-order .localization-stepper-v2 { gap: 5px !important; }
  #localizationRows .m190-order .localization-stepper-v2 > * > b { font-size: 11.5px !important; }
  #localizationRows .m190-order .localization-stepper-v2 > span, #localizationRows .m190-order .localization-stepper-v2 > button { padding: 6px 2px !important; }
  #localizationRows .m190-st { font-size: 12.5px; }
}
/* m190 (Vini 30/10 19:01): PR, TXT, IMA, AUD... smaller, they are a hint for us, not text for the client */
#localizationRows .m190-lrow .m190-lstages { margin-top: 5px; padding-top: 4px; opacity: .8; }
#localizationRows .m190-lrow .m190-lstages .stage-monitor { gap: 3px !important; }
#localizationRows .m190-lrow .m190-lstages .stage-mini { padding: 1px 4px !important; border-radius: 4px; }
#localizationRows .m190-lrow .m190-lstages .stage-mini, #localizationRows .m190-lrow .m190-lstages .stage-mini b, #localizationRows .m190-lrow .m190-lstages .stage-mini i { font-size: 9.5px !important; }

/* m193 (Vini, 31/10, approved): Approve = clear green button, Request changes = outlined button */
#localizationRows .m190-order .localization-decision-step { padding: 0 !important; background: transparent !important; border: 0 !important; animation: none !important; box-shadow: none !important; }
#localizationRows .m190-order .localization-decision-step > b { display: none !important; }
#localizationRows .m190-order .localization-decision-buttons { display: flex !important; flex-direction: column; gap: 5px; width: 100%; }
#localizationRows .m190-order .localization-decision-buttons button { width: 100%; border-radius: 9px !important; cursor: pointer; white-space: nowrap; font-family: Inter, "Segoe UI", Arial, sans-serif; }
#localizationRows .m190-order .localization-decision-buttons .m193-approve { min-height: 34px !important; padding: 4px 8px !important; font-size: 13px !important; font-weight: 800; background: #22c55e !important; color: #04210f !important; border: 0 !important; }
#localizationRows .m190-order .localization-decision-buttons .m193-approve:hover { background: #2fdc6c !important; }
#localizationRows .m190-order .localization-decision-buttons .m193-changes { min-height: 28px !important; padding: 3px 8px !important; font-size: 12px !important; font-weight: 700; background: transparent !important; color: #e8eefc !important; border: 1.5px solid #8ea3c4 !important; }
#localizationRows .m190-order .localization-decision-buttons .m193-changes:hover { border-color: #fff !important; }
#localizationRows .m190-order .localization-stepper-v2:has(.localization-decision-step) { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.6fr) repeat(2, minmax(0, 1fr)) !important; }
/* m193: big search bar on top of the Texts page */
.m193-search { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 8px 0 12px; margin-bottom: 8px; background: #0b1828; border: 2px solid #3b3f7a; border-radius: 10px; color: #c9b8ff; }
.m193-search:focus-within, .m193-search.has-term { border-color: #7c5cff; }
.m193-search input { flex: 1; min-width: 0; height: 100%; background: transparent; border: 0; outline: none; color: #e8eefc; font-size: 15px; }
.m193-search .m193-res { font-size: 12px; color: #c9b8ff; white-space: nowrap; }
.m193-search button { width: 28px; height: 28px; border: 0; border-radius: 6px; background: #1b2a44; color: #e8eefc; font-size: 14px; cursor: pointer; display: none; align-items: center; justify-content: center; }
.m193-search.has-term button { display: inline-flex; }
.m193-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.m193-chips button { font-size: 12px; padding: 5px 11px; border-radius: 20px; border: 1px solid #21344f; background: transparent; color: #8ea3c4; cursor: pointer; }
.m193-chips button.on { background: #7c5cff; border-color: #7c5cff; color: #fff; }
.m193-chips button b { font-weight: 700; }
mark.m193-mark { background: #ffd84d; color: #1a1300; border-radius: 3px; padding: 0 2px; }
#textTableBody textarea.m193-hit { border-color: #ffd84d !important; box-shadow: 0 0 0 1px #ffd84d inset; }
#textTableBody tr.m193-cur > td { background: rgba(255, 216, 77, .08); }
#textTableBody tr.m193-cur > td:first-child { box-shadow: inset 3px 0 0 #ffd84d; }
.text-source-meta span[data-kind="voice"] { background: #3a2a5c; color: #d4c2ff; }
.m193-voice-tr { margin: 0 0 6px; }
.m193-open-voice { font-size: 11.5px; padding: 3px 9px; border-radius: 6px; border: 1px solid #5b4a8f; background: transparent; color: #d4c2ff; cursor: pointer; }
#rightSearch { display: none !important; }
/* m194 (Vini, 31/10, approved mockup): options window as numbered steps, top to bottom */
#mediaModal .m194-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#mediaModal .media-dialog { width: min(880px, 96vw); }
#mediaModal .m194-step { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; margin-top: 12px; padding: 16px 16px 18px; border: 1px solid #22344f; border-radius: 12px; background: rgba(15, 32, 54, .85); transition: border-color .2s, box-shadow .2s; }
#mediaModal .m194-step[hidden] { display: none !important; }
#mediaModal .m194-step.done { border-color: rgba(34, 197, 94, .45); }
#mediaModal .m194-step.now { border: 2px solid #7c5cff; box-shadow: 0 0 0 4px rgba(124, 92, 255, .15); }
#mediaModal .m194-num { width: 36px; height: 36px; border-radius: 50%; background: #1b2a44; color: #c9d6ee; font: 800 16px/36px Inter, "Segoe UI", Arial, sans-serif; text-align: center; }
#mediaModal .m194-step.done .m194-num { background: #22c55e; color: #04210f; }
#mediaModal .m194-step.now .m194-num { background: #7c5cff; color: #fff; }
#mediaModal .m194-body { min-width: 0; }
#mediaModal .m194-body h3 { margin: 6px 0 4px; font-size: 16.5px; color: #e8eefc; }
#mediaModal .m194-body h3 small { color: #93a7c6; font-weight: 600; font-size: 14px; }
#mediaModal .m194-h { margin: 0 0 12px; color: #93a7c6; font-size: 14px; }
#mediaModal .m194-h strong { color: #fff; }
#mediaModal .m194-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#mediaModal .m194-card { text-align: left; border: 2px solid #22344f; border-radius: 12px; padding: 14px; background: #0b1828; color: #e8eefc; cursor: pointer; font-family: inherit; }
#mediaModal .m194-card:hover { border-color: #5b6f92; }
#mediaModal .m194-card b { display: block; font-size: 15.5px; margin-bottom: 4px; }
#mediaModal .m194-card small { display: block; color: #93a7c6; font-size: 13.5px; line-height: 1.4; }
#mediaModal .m194-card.sel { border-color: #7c5cff; background: rgba(124, 92, 255, .14); }
#mediaModal .m194-radio { float: right; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #93a7c6; margin-left: 8px; }
#mediaModal .m194-card.sel .m194-radio { border: 5px solid #7c5cff; background: #fff; }
#mediaModal .m194-keep { display: flex; gap: 12px; align-items: flex-start; border: 2px dashed #f5bd42; border-radius: 10px; padding: 12px 14px; background: rgba(245, 189, 66, .07); cursor: pointer; }
#mediaModal .m194-keep input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: #f5bd42; flex: none; }
#mediaModal .m194-keep b { display: block; font-size: 15px; color: #fff; }
#mediaModal .m194-keep small { display: block; color: #93a7c6; font-size: 13.5px; }
#mediaModal .m194-keep.m190-need { box-shadow: 0 0 0 4px rgba(245, 189, 66, .35); }
/* the old boxes now live inside a step: no box inside a box */
#mediaModal .m194-step .media-choice-group, #mediaModal .m194-step .adaptation-consent, #mediaModal .m194-step .voice-settings, #mediaModal .m194-step .ppt-export-choice, #mediaModal .m194-step .batch-choice fieldset { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
#mediaModal .m194-step .media-target-stack { min-width: 0; max-width: 460px; }
#mediaModal .m194-step .media-choice-title { margin-bottom: 4px; }
#mediaModal .m194-step .media-choice-title svg { display: none; }
#mediaModal .m194-step .media-choice-title strong { font-size: 16.5px; text-transform: none; letter-spacing: 0; }
#mediaModal .m194-step .media-choice-title > div { display: flex; align-items: baseline; gap: 8px; }
#mediaModal .m194-step .media-choice-title small { font-size: 14px; color: #93a7c6; }
#mediaModal .m194-step .ppt-export-head, #mediaModal .m194-step .timing-fit-option, #mediaModal .m194-step .voice-settings-copy small, #mediaModal .m194-step .images-localization-state, #mediaModal .m194-step #mediaOutputSummary, #mediaModal .m194-step #comingSoonNote { display: none !important; }
#mediaModal .m194-step .voice-settings:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px !important; padding: 10px 12px !important; border-left: 3px solid #7c5cff !important; background: rgba(124, 92, 255, .07) !important; border-radius: 0 8px 8px 0; }
#mediaModal .m194-step .voice-settings-copy { display: flex; align-items: center; gap: 6px; }
#mediaModal .m194-step .voice-settings-copy strong { font-size: 13px; color: #c9b8ff; }
#mediaModal .m194-sub:has(> [hidden]) { display: none; }
#mediaModal .m194-sub { margin-top: 12px; padding: 10px 12px; border-left: 3px solid #7c5cff; background: rgba(124, 92, 255, .07); border-radius: 0 8px 8px 0; }
#mediaModal .m194-step .batch-choice { margin: 0 !important; }
#mediaModal .m194-step .batch-choice legend { font-size: 12.5px; }
#mediaModal .m194-step .adaptation-consent { display: grid; gap: 10px; }
#mediaModal .m194-step .adaptation-consent-icon { display: none; }
#mediaModal .m194-summary { margin: 0 0 4px; padding: 12px 14px; border: 1px solid #22344f; border-radius: 10px; background: #0b1828; font-size: 14px; line-height: 1.7; color: #e8eefc; }
#mediaModal .m194-summary b { color: #c9b8ff; }
#mediaModal .m194-step .start-localisation { width: 100%; margin-top: 12px; }
@media (max-width: 640px) { #mediaModal .m194-cards { grid-template-columns: 1fr; } #mediaModal .m194-step { grid-template-columns: 1fr; gap: 6px; } }
#mediaModal .m194-step #mediaTargetHint, #mediaModal .m194-step .voice-settings-copy { display: none !important; }
#mediaModal .m194-step .media-choice-title { padding: 0 !important; gap: 0 !important; }
#mediaModal .m194-step .voice-select-field { display: flex !important; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; }
#mediaModal .m194-step .voice-select-field > span { font-size: 13.5px; color: #c9b8ff; font-weight: 700; }
#mediaModal .m194-step .voice-select-field select { min-width: 240px; font-size: 13.5px; }
#mediaModal .m194-sub small { flex-basis: 100%; display: block; text-align: left; font-weight: 400; font-size: 13px; color: #93a7c6; }
#mediaModal .m194-step .adaptation-consent { grid-template-columns: 1fr !important; }
#mediaModal .m194-step .adaptation-consent > label { position: static !important; margin: 0 !important; }
#mediaModal .m194-step .adaptation-consent .m190-agree { justify-self: start; }

/* m199 (Vini, 01/11): sem amostra de voz -> sem escolha. A voz e sempre automatica (parecida com a original). */
#voiceSelect { display: none !important; }
.voice-select-field::after { content: "Automatic \00b7 matches the original voice"; display: block; padding: 12px 14px; border: 1px solid #2a3d58; border-radius: 12px; color: #dfe8f5; font-weight: 700; background: rgba(8, 20, 34, .6); }