@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

/* O site só tem tema claro; sem isto, navegador em modo escuro pinta o texto de
   input/select de branco sobre o fundo claro dos campos — texto invisível. */
:root { color-scheme:light; --ink:#15211d; --paper:#f7f5ef; --line:#d9d9cf; --muted:#69726c; --green:#142f28; --lime:#d8f279; --orange:#d95232; --soft:#e8e8dd; }
* { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",Arial,sans-serif; } button,input,textarea { font:inherit; } button { cursor:pointer; }
.shell { min-height:100vh; display:grid; grid-template-columns:240px 1fr; }.sidebar { background:var(--green); color:#eff2dd; padding:34px 24px; display:flex; flex-direction:column; min-height:100vh; position:sticky; top:0; height:100vh; }.brand { color:white; text-decoration:none; font-size:22px; font-weight:700; display:flex; align-items:center; gap:10px; letter-spacing:-1px; }.brand-mark { background:var(--lime); color:var(--green); border-radius:9px; width:30px; height:30px; display:grid; place-items:center; font:700 13px Fraunces,serif; letter-spacing:-1px; }.eyebrow { margin:0 0 10px; font:500 10px "DM Mono",monospace; letter-spacing:.12em; color:var(--muted); }.sidebar .eyebrow { color:#9aaca2; margin-top:54px; }.sidebar nav { display:grid; gap:6px; margin-top:13px; }.sidebar nav a,.sidebar .nav-link { color:#b8c3bb; padding:10px 12px; text-decoration:none; border-radius:6px; font-size:14px; text-align:left; background:transparent; border:0; }.sidebar nav .nav-active { background:rgba(255,255,255,.10); color:white; }.sidebar .nav-link:hover { color:white; background:rgba(255,255,255,.06); }.side-note { border-top:1px solid rgba(255,255,255,.15); padding-top:18px; margin-top:auto; display:flex; gap:9px; align-items:flex-start; font-size:13px; line-height:1.4; }.side-note small { color:#9aaca2; }.dot { margin-top:5px; background:var(--lime); width:7px; height:7px; border-radius:50%; }
.menu-toggle { display:none; position:fixed; top:16px; left:16px; z-index:45; width:42px; height:42px; align-items:center; justify-content:center; background:var(--green); color:#eff2dd; border:0; border-radius:8px; font-size:19px; box-shadow:0 3px 10px rgba(0,0,0,.25); }.sidebar-backdrop { display:none; }
.sidebar-credits { display:flex; align-items:baseline; gap:7px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:6px; padding:11px 13px; margin:20px 0 2px; cursor:pointer; width:100%; text-align:left; transition:.15s ease; }.sidebar-credits:hover { background:rgba(255,255,255,.14); }.sidebar-credits-value { font:600 21px Fraunces,serif; color:var(--lime); }.sidebar-credits-label { font:500 11px "DM Mono",monospace; color:#b8c3bb; text-transform:uppercase; letter-spacing:.05em; }
.content { max-width:1760px; width:100%; margin:0 auto; padding:56px clamp(28px,4vw,96px) 50px; }.topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; }.topbar h1 { font:600 clamp(37px,5vw,64px)/.99 Fraunces,Georgia,serif; letter-spacing:-.05em; margin:0; }.topbar h1 em { color:var(--orange); font-style:italic; }.button { border:0; padding:12px 17px; border-radius:5px; font-size:13px; font-weight:600; transition:.18s ease; }.button:hover { transform:translateY(-1px); }.button-primary { background:var(--green); color:white; box-shadow:0 3px 0 #0b1c17; }.button-primary:hover { background:#21463c; }.button-quiet { background:transparent; color:var(--green); border:1px solid var(--line); }.button-google { background:#fff; color:#3c4043; border:1px solid #dadce0; display:flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; }.button-google:hover { background:#f7f8f8; }.button-google svg { width:18px; height:18px; flex-shrink:0; }.auth-divider { display:flex; align-items:center; gap:10px; margin:16px 0; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.05em; }.auth-divider::before, .auth-divider::after { content:""; flex:1; height:1px; background:var(--line); }.readiness { margin:42px 0 24px; display:flex; gap:10px; flex-wrap:wrap; }.health { background:#ebece2; border-radius:4px; padding:8px 11px; font:500 11px "DM Mono",monospace; color:#506058; }.health.ready { background:#dff0c0; color:#315021; }.health.warn { background:#ffe8c8; color:#7a4d15; }.metrics { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:47px; }.metric { padding:18px 0; border-right:1px solid var(--line); }.metric + .metric { padding-left:23px; }.metric:last-child { border:0; }.metric strong { display:block; font:600 29px Fraunces,serif; }.metric span { color:var(--muted); font-size:12px; }.section-title { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:17px; }.section-title h2, dialog h2 { font:600 30px/1 Fraunces,serif; margin:0; letter-spacing:-.03em; }.episode-list { border-top:1px solid var(--ink); }.episode { display:grid; grid-template-columns:72px minmax(220px,1fr) 130px auto; align-items:center; gap:18px; padding:20px 2px; border-bottom:1px solid var(--line); }.episode-id { font:500 11px "DM Mono",monospace; color:var(--orange); }
.episode-lang { display:inline-block; font:600 10px "DM Mono",monospace; color:var(--muted); letter-spacing:.05em; margin-bottom:2px; }.episode-format { display:inline-block; font:600 10px "DM Mono",monospace; color:var(--orange); letter-spacing:.05em; margin:0 0 2px 8px; }.episode h3 { margin:0 0 4px; font-size:16px; letter-spacing:-.02em; }.episode p { margin:0; color:var(--muted); font-size:12px; }.badge { display:inline-flex; justify-content:center; padding:6px 8px; border-radius:20px; background:#e8e8dd; font:500 10px "DM Mono",monospace; white-space:nowrap; }.badge.script_approved,.badge.final_reviewed,.badge.published { background:#dff0c0; color:#315021; }.badge.published { white-space:normal; text-align:center; max-width:240px; }
.badge.deleted { background:#ececec; color:#6b6b6b; }
.episode.deleted { opacity:.72; cursor:default; }
.episode.deleted h3 { text-decoration:line-through; text-decoration-color:#9a9a9a; }
.job-deleted { margin:6px 0 0; color:#6b6b6b; font-size:12px; }
.badge.failed { background:#ffdad4; color:#9e2b1e; }.badge.producing { background:#ffe7b7; color:#7d5210; }.action { background:none; border:0; color:var(--green); text-decoration:underline; text-underline-offset:4px; font-size:12px; font-weight:600; padding:4px; }.action.primary { color:var(--orange); }.action.danger { color:#9e2b1e; }.job { grid-column:2 / -1; color:#7a4d15 !important; font:11px "DM Mono",monospace !important; margin-top:-11px !important; }.job-warning { grid-column:2 / -1; display:inline-block; background:#ffe7b7; color:#7d5210; font:11px "DM Mono",monospace; padding:4px 8px; border-radius:6px; margin-top:-6px !important; }.empty { padding:38px 0; color:var(--muted); font:16px Fraunces,serif; }
/* Card do episódio recolhido: só código, título, língua, custo e status ficam à vista.
   Botões e o resto do detalhe (progresso, avisos, métricas) só aparecem no selecionado —
   clicar no card alterna a seleção (ver #episode-list no app.js). */
.episode { cursor:pointer; }
.episode .actions,.episode .job-progress,.episode .job-warning,.episode .job,.episode .youtube-metrics,.episode .short-metrics { display:none; }
.episode.expanded .actions { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.episode.expanded .job-progress { display:block; }
.episode.expanded .job-warning { display:inline-block; }
.episode.expanded .job { display:block; }
.episode.expanded .youtube-metrics,.episode.expanded .short-metrics { display:flex; }.workflow { margin-top:70px; background:var(--green); color:#f4f4e8; padding:30px; }.workflow .eyebrow { color:#9aaca2; }.workflow div { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr; gap:11px; align-items:center; }.workflow span { color:var(--lime); font:11px "DM Mono",monospace; }.workflow p { font-size:13px; margin:0; }.workflow p:not(:last-child)::after { content:""; display:inline-block; width:25px; margin:0 14px; border-top:1px solid #5e756a; vertical-align:middle; }
dialog { border:0; padding:0; background:transparent; width:min(720px,calc(100vw - 32px)); } dialog::backdrop { background:rgba(15,29,24,.62); backdrop-filter:blur(3px); }.dialog-card { position:relative; background:var(--paper); padding:33px; box-shadow:0 25px 80px rgba(0,0,0,.3); }.dialog-card h2 { margin-bottom:24px; }.close { position:absolute; right:17px; top:13px; border:0; background:transparent; font-size:26px; color:var(--muted); }.dialog-card label { display:grid; gap:7px; font-size:12px; font-weight:600; margin:16px 0; }.dialog-card input,.dialog-card textarea,.dialog-card select { border:1px solid #cfd1c6; background:#fffef9; padding:10px; border-radius:3px; outline-color:var(--orange); width:100%; }.dialog-card textarea { min-height:88px; resize:vertical; }.dialog-card label:nth-of-type(3) textarea { min-height:150px; }.form-note { color:var(--muted); font-size:11px; margin-bottom:0; }.toast { position:fixed; right:24px; bottom:24px; background:var(--ink); color:white; padding:12px 16px; border-radius:4px; font-size:13px; opacity:0; transform:translateY(10px); pointer-events:none; transition:.2s; max-width:370px; }.toast.show { opacity:1; transform:translateY(0); }
.dialog-card input[type="color"] { height:42px; padding:3px; cursor:pointer; }
.voice-row { display:flex; gap:8px; align-items:stretch; }.voice-row select { flex:1; }.voice-row .button { width:auto; white-space:nowrap; }
.settings-section { border-top:1px solid var(--line); padding:18px 0 3px; margin:0 0 18px; }.settings-section h3 { margin:0 0 7px; font:600 17px Fraunces,serif; letter-spacing:-.02em; }.range-row { display:grid; grid-template-columns:1fr 58px; align-items:center; gap:14px; }.range-row input[type="range"] { accent-color:var(--orange); padding:0; border:0; background:transparent; }.range-row output { text-align:center; border-radius:3px; padding:8px 5px; color:var(--green); background:var(--soft); font:600 12px "DM Mono",monospace; }
@media (max-width:800px) { .shell { display:block; }.menu-toggle { display:flex; }.sidebar { position:fixed; top:0; left:0; min-height:100vh; height:100vh; width:min(80vw,280px); padding:78px 22px 22px; transform:translateX(-100%); transition:transform .25s ease; z-index:40; overflow-y:auto; }.sidebar.open { transform:translateX(0); box-shadow:24px 0 60px rgba(0,0,0,.35); }.sidebar-backdrop { display:block; position:fixed; inset:0; background:rgba(10,20,17,.45); z-index:35; opacity:0; pointer-events:none; transition:opacity .25s ease; }.sidebar-backdrop.visible { opacity:1; pointer-events:auto; }.content { padding:38px 22px 38px 66px; }.topbar { display:grid; }.topbar h1 { font-size:43px; }.metrics { grid-template-columns:1fr 1fr; }.metric:nth-child(3) { grid-column:1 / -1; padding-left:0; border-top:1px solid var(--line); }.episode { grid-template-columns:55px 1fr; gap:8px; }.episode .badge,.episode .actions { grid-column:2; justify-content:flex-start; }.workflow div { grid-template-columns:auto 1fr; }.workflow p:not(:last-child)::after { display:none; } }
@media (max-width:480px) { .content { padding-left:22px; padding-top:66px; }.dialog-card { padding:24px 18px; }.metrics { grid-template-columns:1fr; }.metric:nth-child(3) { border-top:0; } }
.active-status { display:none; margin:-9px 0 26px; padding:14px 16px; background:#e7f0ca; border-left:4px solid #7da833; }.active-status.visible { display:block; }.active-status-head { display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:13px; font-weight:600; }.active-status-head span { font:500 11px "DM Mono",monospace; }.progress-track { width:100%; height:6px; background:rgba(20,47,40,.15); margin-top:10px; overflow:hidden; border-radius:9px; }.progress-fill { height:100%; width:0; background:var(--green); transition:width .4s ease; }.job-progress { grid-column:2 / -1; margin-top:-12px; }.job-progress-head { display:flex; justify-content:space-between; color:#6b5416; font:11px "DM Mono",monospace; }.job-progress .progress-track { margin-top:5px; height:4px; }
.readiness a.health { text-decoration:none; }
.readiness .link-button { font:500 11px "DM Mono",monospace; align-self:center; }
.short-card { width:min(100%,520px); }.short-player-frame { margin-top:18px; display:grid; place-items:center; background:#07110e; min-height:590px; }.short-player-frame video { display:block; width:100%; max-height:68vh; background:#07110e; }.short-player-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; }.short-player-actions span { color:var(--muted); font:500 11px "DM Mono",monospace; }
#video-dialog { width:min(1120px,calc(100vw - 32px)); }.video-card { width:100%; }.video-player-frame { margin-top:18px; background:#07110e; display:grid; place-items:center; }.video-player-frame video { display:block; width:100%; max-height:calc(100vh - 180px); background:#07110e; }
.youtube-metrics,.short-metrics { grid-column:2 / -1; display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:#4d5b54; font:500 11px "DM Mono",monospace; }.youtube-metrics { margin-top:-10px; }.youtube-metrics small { color:#7d877f; }.short-metrics { margin-top:-10px; gap:8px 22px; }.short-metric { display:flex; align-items:center; gap:10px; }.short-metric .youtube-metrics { margin:0; }.short-metric strong { color:var(--green); font-size:11px; }
.cost-metrics { grid-column:2 / -1; display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:-10px; color:#4d5b54; font:500 11px "DM Mono",monospace; }.cost-metrics strong { color:var(--green); }.cost-metrics small { color:#7d877f; }
.auth-screen { min-height:100vh; display:none; align-items:center; justify-content:center; background:var(--paper); padding:24px; }.auth-card { width:min(420px,100%); background:#fffef9; border:1px solid var(--line); border-radius:8px; padding:36px 32px; }.auth-card .brand { color:var(--green); text-decoration:none; font-size:22px; font-weight:700; display:flex; align-items:center; gap:10px; letter-spacing:-1px; margin-bottom:28px; }.auth-card .brand-mark { background:var(--green); color:var(--lime); border-radius:9px; width:30px; height:30px; display:grid; place-items:center; font:700 13px Fraunces,serif; letter-spacing:-1px; }.auth-form h2 { font:600 26px Fraunces,serif; margin:2px 0 20px; letter-spacing:-.02em; }.auth-form label { display:grid; gap:6px; font-size:12px; font-weight:600; margin:0 0 14px; }.auth-form input { border:1px solid #cfd1c6; background:#fffef9; padding:10px; border-radius:3px; outline-color:var(--orange); width:100%; }.auth-form .button { width:100%; margin-top:4px; }.auth-form .form-note { margin-top:14px; text-align:center; }.link-button { background:none; border:0; color:var(--orange); text-decoration:underline; text-underline-offset:3px; font-size:inherit; font-weight:600; padding:0; cursor:pointer; }
.document-hint { font:600 11px "DM Mono",monospace; min-height:13px; }.document-hint.valid { color:#315021; }.document-hint.invalid { color:#9e2b1e; }
.package-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; margin-top:10px; }.package-card { border:1px solid var(--line); border-radius:6px; padding:14px; }.package-card h4 { margin:0 0 6px; font:600 15px Fraunces,serif; }.package-credits { margin:0; color:var(--muted); font-size:12px; }.package-price { margin:6px 0 12px; font:600 20px Fraunces,serif; }.package-actions { display:flex; flex-direction:column; gap:6px; }.package-actions .button { font-size:11px; padding:9px 10px; }
.coupon-form { display:flex; gap:8px; margin-top:6px; }.coupon-form input { flex:1; min-width:0; text-transform:uppercase; }.coupon-form .button { font-size:11px; padding:9px 12px; }#coupon-status { margin:6px 0 0; }#coupon-status.coupon-error { color:#9e2b1e; }.package-price-old { margin:6px 0 0; color:var(--muted); font-size:12px; text-decoration:line-through; }.package-price-old + .package-price { margin-top:0; }.package-coupon-note { margin:0 0 8px; color:var(--muted); font-size:11px; }
.credit-grant-box { background:var(--soft); border-radius:6px; padding:12px 14px; margin:4px 0 14px; display:grid; gap:8px; }.credit-grant-box > div:first-child { font-size:13px; }.credit-grant-box .button { justify-self:start; }.credit-grant-box .ledger-list li { font-size:11px; }
.ledger-list { list-style:none; margin:10px 0 0; padding:0; display:grid; gap:6px; }.ledger-list li { display:flex; justify-content:space-between; align-items:center; gap:10px; font:500 12px "DM Mono",monospace; border-bottom:1px solid var(--line); padding-bottom:6px; }.ledger-list .positive { color:#315021; }.ledger-list .negative { color:#9e2b1e; }.ledger-list small { color:var(--muted); margin-left:auto; }
.credits-card h2 { display:flex; align-items:baseline; gap:8px; }.credits-card h2 span { color:var(--orange); }
.sidebar .button-quiet { color:#eff2dd; border-color:rgba(255,255,255,.25); margin-top:14px; width:100%; }.sidebar .button-quiet:hover { background:rgba(255,255,255,.08); }
.sidebar-user { display:flex; gap:8px; align-items:flex-start; margin:10px 2px 0; font-size:12px; line-height:1.4; color:#dfe6dc; }.sidebar-user .dot { flex-shrink:0; }.sidebar-user #user-email { word-break:break-all; }
/* O e-mail subiu para baixo dos créditos; o "Sair" continua no rodapé da barra. */
#logout-button { margin-top:auto; }
#script-dialog { width:min(1080px,calc(100vw - 32px)); }.script-card { width:100%; display:flex; flex-direction:column; max-height:calc(100vh - 48px); }.script-card h2 { margin-bottom:14px; }.script-card textarea#script-editor { width:100%; height:min(58vh,650px); font:12px/1.45 "DM Mono",monospace; color:#27362f; border:1px solid #cfd1c6; background:#fffef9; padding:10px; border-radius:3px; }
.script-langs { display:flex; gap:6px; margin-bottom:12px; }.script-lang { background:var(--soft); border:1px solid transparent; border-radius:20px; padding:6px 13px; font:600 11px "DM Mono",monospace; color:var(--muted); }.script-lang.active { background:var(--green); color:#f4f4e8; }.script-lang.missing { opacity:.5; }
.script-summary { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }.script-stat { display:grid; background:var(--soft); border-radius:5px; padding:9px 13px; font-size:12px; color:var(--muted); }.script-stat strong { font:600 19px Fraunces,serif; color:var(--ink); }.script-stat small { font:500 10px "DM Mono",monospace; }.script-stat.ok strong { color:#315021; }.script-stat.warn { background:#ffe8c8; }.script-stat.warn strong { color:#9e2b1e; }
.script-body { overflow-y:auto; flex:1; padding-right:6px; margin-right:-6px; }.script-section { border-top:1px solid var(--line); padding-top:16px; margin-bottom:22px; }.script-section h3 { margin:0 0 4px; font:600 19px Fraunces,serif; letter-spacing:-.02em; }
.dialog-card .script-field { margin:12px 0; gap:5px; }.dialog-card .script-field > span:first-child { font-size:11px; font-weight:600; letter-spacing:.01em; }.dialog-card .script-field textarea { min-height:0; }.dialog-card .script-field .form-note { margin:0; }.field-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:0 14px; }
.scene-card { border:1px solid var(--line); border-radius:6px; padding:13px 15px; margin-bottom:11px; background:#fffef9; }.scene-head { display:flex; align-items:center; gap:11px; flex-wrap:wrap; }.scene-head strong { font-size:13px; }.scene-clock { font:500 11px "DM Mono",monospace; color:white; background:var(--green); border-radius:12px; padding:3px 9px; white-space:nowrap; }.scene-words { font:500 10px "DM Mono",monospace; color:var(--muted); }.scene-tools { margin-left:auto; display:flex; gap:10px; }.scene-tools .link-button { font-size:11px; }.scene-tools .link-button[disabled] { color:var(--line); cursor:default; text-decoration:none; }
.scene-details { margin-top:6px; }.scene-details summary { cursor:pointer; font:500 11px "DM Mono",monospace; color:var(--muted); padding:5px 0; }.scene-details summary:hover { color:var(--green); }.sub-block { border-left:2px solid var(--line); padding:2px 0 2px 13px; margin:12px 0; }.sub-block-head { display:flex; justify-content:space-between; align-items:center; gap:10px; font:500 10px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }.sub-block-head .link-button { font-size:10px; text-transform:none; letter-spacing:0; }
.title-list { display:grid; gap:7px; }.title-row { display:flex; align-items:center; gap:9px; }.title-row > :first-child { width:88px; flex:none; text-align:left; }.title-row input { flex:1; }.title-row .link-button { font-size:11px; white-space:nowrap; }.title-badge { font:500 9px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--green); background:var(--lime); border-radius:10px; padding:4px 8px; white-space:nowrap; }
.script-problems { background:#ffdad4; border-left:4px solid #9e2b1e; padding:11px 14px; margin-top:13px; font-size:12px; color:#7a231a; }.script-problems ul { margin:6px 0 0; padding-left:18px; }.script-problems li { margin-bottom:3px; }
.script-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:15px; }.script-actions .button:first-child { margin-right:auto; }
.support-card { width:min(100%,760px); }.support-view { display:none; }.support-view.active { display:block; }.support-actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; margin-top:6px; }.support-list { list-style:none; margin:18px 0 0; padding:0; border-top:1px solid var(--line); }.support-list li { display:grid; grid-template-columns:52px 1fr auto; gap:12px; align-items:center; padding:13px 2px; border-bottom:1px solid var(--line); cursor:pointer; }.support-list li:hover { background:#f0efe6; }.support-list strong { display:block; font-size:14px; }.support-list small { color:var(--muted); font-size:11px; }.support-id { font:500 11px "DM Mono",monospace; color:var(--orange); }.badge.support-open { background:#ffe7b7; color:#7d5210; }.badge.support-answered { background:#dff0c0; color:#315021; }.badge.support-closed { background:#ececec; color:#6b6b6b; }.support-thread-head { border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:12px; }.support-thread-head h3 { margin:6px 0 4px; font:600 19px Fraunces,serif; letter-spacing:-.02em; }.support-thread-head p { margin:2px 0; color:var(--muted); font-size:12px; }.support-messages { list-style:none; margin:0; padding:0; display:grid; gap:10px; max-height:46vh; overflow-y:auto; }.support-message { border:1px solid var(--line); border-radius:6px; padding:11px 13px; background:#fffef9; }.support-message.from-support { background:#eef5e2; border-color:#cfe2b0; }.support-message header { display:flex; justify-content:space-between; gap:10px; font:500 11px "DM Mono",monospace; color:var(--muted); margin-bottom:6px; }.support-message header strong { color:var(--ink); }.support-message p { margin:0; white-space:pre-wrap; word-break:break-word; font-size:13px; line-height:1.5; }.support-notice { background:var(--soft); border-radius:6px; padding:10px 13px; font-size:12px; margin:12px 0; }@media (max-width:800px) { .support-list li { grid-template-columns:44px 1fr; }.support-list .badge { grid-column:2; justify-self:start; } }
.dialog-card .char-count { justify-self:end; margin-top:-3px; font:500 10px "DM Mono",monospace; color:var(--muted); }.dialog-card .char-count.over { color:#9e2b1e; font-weight:600; }.dialog-card input.over-limit,.dialog-card textarea.over-limit { border-color:#c53d2c; outline-color:#c53d2c; background:#fff6f4; }
.action.notify-on { color:#315021; text-decoration-color:#9fc27a; }