/* === GattoMusic v9.8 / produto 2.0: login animado e drag-and-drop do Chat === */
.login-logo-media{position:relative;width:96px;height:96px;display:grid;place-items:center;border-radius:24px;overflow:hidden;isolation:isolate}
.login-logo-media .login-logo,.login-logo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px;transition:opacity .18s ease,visibility .18s ease}
.login-logo-media .login-logo{z-index:1;opacity:1;visibility:visible}
.login-logo-video{z-index:2;opacity:0;visibility:hidden;background:transparent;pointer-events:none;box-shadow:0 0 35px rgba(168,50,230,.38)}
.login-logo-media.is-video-ready .login-logo-video{opacity:1;visibility:visible}
.login-logo-media.is-video-ready .login-logo{opacity:0;visibility:hidden}
.chat-v98-drop-zone{transition:outline-color .12s ease,background-color .12s ease,box-shadow .12s ease}
.chat-v98-drop-zone.chat-v98-drag-over{outline:2px dashed var(--secondary);outline-offset:-5px;background:color-mix(in srgb,var(--secondary) 9%,transparent);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--secondary) 8%,transparent)}
.chat-v98-drop-zone.chat-v98-drag-over::after{content:"Solte para adicionar à fila de arquivos";position:sticky;left:50%;bottom:14px;z-index:30;display:block;width:max-content;max-width:calc(100% - 28px);transform:translateX(-50%);padding:8px 12px;border-radius:10px;background:var(--panel-solid);color:var(--text);border:1px solid var(--secondary);box-shadow:0 8px 30px rgba(0,0,0,.25);font-weight:700;pointer-events:none}
@media(max-width:820px){.login-logo-media{width:86px;height:86px}.chat-v98-drop-zone.chat-v98-drag-over::after{display:none}}
/* === fim GattoMusic v9.8 / produto 2.0 === */
/* === GattoMusic v9.9 / produto 2.0: drag overlay fora do fluxo da conversa === */
.chat-v98-drop-zone.chat-v98-drag-over::after{display:none!important;content:none!important}
.chat-v98-drop-zone.chat-v99-drag-over{outline:2px dashed var(--secondary);outline-offset:-5px;background:color-mix(in srgb,var(--secondary) 9%,transparent);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--secondary) 8%,transparent)}
.chat-v99-drop-overlay{position:fixed;z-index:10040;transform:translate(-50%,-50%);width:max-content;max-width:min(92vw,560px);padding:10px 14px;border-radius:10px;background:var(--panel-solid);color:var(--text);border:1px solid var(--secondary);box-shadow:0 8px 30px rgba(0,0,0,.32);font-weight:700;pointer-events:none;text-align:center}
.chat-v99-drop-overlay[hidden]{display:none!important}
@media(max-width:820px){.chat-v99-drop-overlay{display:none!important}}
/* === fim GattoMusic v9.9 / produto 2.0 === */
/* GattoMusic v9.10 - drag-and-drop exclusivamente no campo de mensagem */
.chat-v910-drop-field{transition:outline-color .12s ease,background-color .12s ease,box-shadow .12s ease}
.chat-v910-drop-field.chat-v99-drag-over{outline:2px dashed var(--secondary);outline-offset:-4px;background:color-mix(in srgb,var(--secondary) 9%,transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--secondary) 8%,transparent)}
#chatMessageList.chat-v99-drag-over,#chatMessageList.chat-v98-drag-over{outline:none!important;background:inherit!important;box-shadow:none!important}
/* === GattoMusic v9.11 / produto 2.0: mídia inteira, áudio Chrome, detalhe compacto e créditos do login === */
.login-credits{margin:0;text-align:center;color:var(--muted);font:700 .68rem/1.35 Verdana,Arial,sans-serif;letter-spacing:.01em}
.login-card .login-credits{padding-top:2px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
/* O cabeçalho grande de pasta/álbum fica um pouco mais baixo sem sacrificar leitura. */
.folder-detail-header,.album-detail-header{gap:16px!important;padding:14px 16px!important;margin-bottom:12px!important;border-radius:16px!important}
.folder-detail-header{grid-template-columns:150px minmax(0,1fr)!important}
.folder-detail-header .folder-current-image{width:150px!important;height:150px!important;border-radius:13px!important}
.folder-detail-header .folder-title{font-size:clamp(1.45rem,2.25vw,2.15rem)!important;line-height:1.1!important;margin:4px 0 6px!important}
.album-detail-header{grid-template-columns:150px minmax(0,1fr)!important}
.album-detail-header>img{width:150px!important;border-radius:13px!important}
.album-detail-header h1{font-size:clamp(1.45rem,2.25vw,2.15rem)!important;line-height:1.1!important;margin:4px 0 6px!important}
.folder-detail-header .eyebrow,.album-detail-header .eyebrow{margin:0 0 3px!important}
.folder-album-actions,.album-detail-header .hero-actions{gap:6px!important;margin-top:7px!important}
.folder-album-actions .button,.album-detail-header .hero-actions .button{min-height:38px!important;padding:7px 10px!important}
.chat-v911-inline-media{display:grid;place-items:center;width:100%;max-width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#05070b}
.chat-v911-received-media{display:block;width:100%;max-width:100%;height:auto;max-height:min(62vh,520px);object-fit:contain;background:#05070b;cursor:pointer;outline:none}
.chat-v911-received-media:focus-visible{box-shadow:inset 0 0 0 2px var(--secondary)}
.chat-v911-inline-media.media-load-failed{display:none}
.chat-v911-audio-controls{position:relative!important;z-index:12!important;display:block!important;width:min(100%,440px)!important;min-height:44px!important;pointer-events:auto!important;touch-action:manipulation!important}
.chat-attachment-preview:has(.chat-v911-audio-controls){position:relative!important;z-index:10!important;overflow:visible!important;pointer-events:auto!important}
@media(max-width:820px){
  .folder-detail-header,.album-detail-header{grid-template-columns:92px minmax(0,1fr)!important;gap:11px!important;padding:11px!important}
  .folder-detail-header .folder-current-image,.album-detail-header>img{width:92px!important;height:92px!important;border-radius:11px!important}
  .folder-detail-header .folder-title,.album-detail-header h1{font-size:clamp(1.15rem,5.6vw,1.55rem)!important}
  .folder-album-actions .button,.album-detail-header .hero-actions .button{min-height:36px!important;padding:6px 9px!important}
  .chat-v911-received-media{max-height:52vh}
}
/* === fim GattoMusic v9.11 / produto 2.0 === */
/* === GattoMusic v9.12 / produto 2.0: menu contextual e preferência de mídia === */
.chat-attachment-actions.chat-v912-actions-in-menu{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important;pointer-events:none!important}
.chat-v912-media-setting{align-items:center;gap:10px}.chat-v912-media-setting>span{flex:1 1 auto}.chat-v912-media-select{min-width:210px;max-width:100%;padding:7px 9px;border-radius:9px;border:1px solid var(--line);background:var(--panel-solid);color:var(--text)}
.chat-v912-media-placeholder{display:grid;gap:3px;width:100%;padding:12px;border:1px dashed var(--secondary);border-radius:11px;background:color-mix(in srgb,var(--secondary) 7%,var(--panel-solid));color:var(--text);text-align:left;cursor:pointer}.chat-v912-media-placeholder span{color:var(--muted);font-size:.88rem}
@media(max-width:820px){.chat-v912-media-setting{align-items:stretch;flex-direction:column}.chat-v912-media-select{width:100%;min-width:0}}
/* === fim GattoMusic v9.12 / produto 2.0 === */
/* === GattoMusic v9.16 / produto 2.0: tipografia, cards, Firefox e contraste claro === */
/* O título do álbum continua destacado, mas não domina o cabeçalho. */
.album-detail-header h1{font-size:clamp(1.18rem,1.65vw,1.70rem)!important;line-height:1.18!important;overflow-wrap:anywhere!important}
/* A marca da tela inicial permanece protagonista em tamanho mais equilibrado. */
.hero .hero-copy h1{font-size:clamp(1.95rem,3.1vw,2.85rem)!important;line-height:1!important}
/* Em Músicas > pasta, nomes completos quebram em linhas e cada linha da grade
   usa a altura do card mais alto, sem truncamento por reticências. */
.folder-grid{align-items:stretch!important}
.folder-grid .folder-card{height:100%!important;align-self:stretch!important}
.folder-grid .folder-card>strong{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.28!important
}
/* Firefox calcula larguras intrínsecas dos botões de favoritos de forma mais
   conservadora. Todas as ações recebem colunas equivalentes e texto centralizado. */
.favorite-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
.favorite-card-actions .card-text-action{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
  overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important
}
.favorite-card-actions .card-text-action.danger{grid-column:1/-1!important}
/* Restaura o contraste já validado do compositor no tema claro, inclusive
   quando uma regressão de cascata retira a classe de moldura do botão. */
body.light.chat-view-active .chat-composer-actions .button{
  background:#ffffff!important;color:#172235!important;border-color:#66758a!important;
  text-shadow:none!important;opacity:1!important;box-shadow:0 0 0 1px #ffffff,0 4px 12px rgba(30,41,59,.16)!important
}
body.light.chat-view-active .chat-composer-actions .button:hover,
body.light.chat-view-active .chat-composer-actions .button:focus-visible{
  background:#e8f0f8!important;color:#0b1728!important;border-color:#175ea8!important;
  box-shadow:0 0 0 2px rgba(23,94,168,.20),0 6px 14px rgba(30,41,59,.18)!important
}
body.light.chat-view-active .chat-composer-actions .button.primary{
  background:linear-gradient(135deg,#9f4300,#b95300)!important;color:#ffffff!important;
  border-color:#7c3500!important;box-shadow:0 0 0 1px #ffffff,0 6px 15px rgba(113,54,0,.26)!important
}
body.light.chat-view-active .chat-composer-actions .button.primary:hover,
body.light.chat-view-active .chat-composer-actions .button.primary:focus-visible{
  background:linear-gradient(135deg,#823600,#a94800)!important;color:#ffffff!important;border-color:#692d00!important
}
body.light.chat-view-active .chat-composer-actions .button:disabled{
  background:#e4e9ef!important;color:#4a5667!important;border-color:#9aa6b5!important;opacity:1!important
}
.chat-message-text .chat-v916-link{color:#65c8ff!important;text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}
.chat-message-text .chat-v916-link:hover,.chat-message-text .chat-v916-link:focus-visible{color:#a6e3ff!important;text-decoration-thickness:2px;outline:none}
body.light .chat-message-text .chat-v916-link{color:#005ea8!important}
body.light .chat-message-text .chat-v916-link:hover,body.light .chat-message-text .chat-v916-link:focus-visible{color:#003f75!important}
@media(max-width:820px){
  .album-detail-header h1{font-size:clamp(1.08rem,5.2vw,1.43rem)!important;line-height:1.18!important}
  .hero .hero-copy h1{font-size:clamp(1.75rem,9vw,2.25rem)!important}
  body.gattomusic-v95-mobile .folder-grid .folder-card>strong{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important
  }
}
/* === fim GattoMusic v9.16 / produto 2.0 === */
/* === GattoMusic v9.17 / produto 2.0: título da Rádio Gatto mais compacto === */
.hero .hero-copy h1{
  font-size:clamp(1.65rem,2.45vw,2.20rem)!important;
  line-height:1.04!important
}
@media(max-width:820px){
  .hero .hero-copy h1{font-size:clamp(1.55rem,7vw,1.95rem)!important;line-height:1.05!important}
}
/* === fim GattoMusic v9.17 / produto 2.0 === */
/* GattoMusic v9.20 - o badge da fila exibe o total real completo, inclusive acima de 99. */
#queueBadge{width:auto;min-width:18px;padding:0 5px;box-sizing:border-box;white-space:nowrap;line-height:18px}
/* === GattoMusic v9.31 / produto 2.0: painel suspenso de opções do Surpreenda-me ===
   O layout reutiliza o DOM e os controles já validados. Nenhuma regra de
   segurança, validação ou conteúdo externo é afrouxada por esta camada visual. */
.hero-actions{align-items:flex-start;overflow:visible}
.hero-actions #surpriseButton{min-height:46px}
.surprise-options{position:relative;z-index:12;width:min(330px,100%);min-width:260px;font-family:Verdana,Arial,sans-serif}
.surprise-options>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.065);color:var(--text);font-size:.86rem;font-weight:800;cursor:pointer;list-style:none;user-select:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.surprise-options>summary::-webkit-details-marker{display:none}
.surprise-options>summary:hover,.surprise-options>summary:focus-visible{border-color:color-mix(in srgb,var(--secondary) 72%,rgba(255,255,255,.18));background:color-mix(in srgb,var(--secondary) 9%,rgba(255,255,255,.065));outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary) 12%,transparent)}
.surprise-options-caret{font-size:1rem;line-height:1;transition:transform .16s ease}
.surprise-options[open] .surprise-options-caret{transform:rotate(180deg)}
.surprise-options[open]>summary{border-color:color-mix(in srgb,var(--primary) 54%,rgba(255,255,255,.18));box-shadow:0 8px 22px rgba(0,0,0,.18)}
.surprise-options .surprise-preference{position:absolute;top:calc(100% + 9px);left:0;z-index:20;width:min(450px,calc(100vw - 64px));max-height:min(55dvh,520px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:13px 14px;border-color:color-mix(in srgb,var(--primary) 40%,rgba(255,255,255,.16));border-radius:14px;background:color-mix(in srgb,var(--panel-solid) 90%,#070913 10%);box-shadow:0 20px 48px rgba(0,0,0,.38),0 0 24px color-mix(in srgb,var(--primary) 14%,transparent);backdrop-filter:blur(14px)}
.surprise-options .surprise-preference>label{font-size:.76rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.surprise-options .surprise-preference-controls{display:grid;grid-template-columns:minmax(104px,132px) minmax(150px,1fr);gap:8px}
.surprise-options .surprise-preference input{width:100%}
.surprise-options .surprise-exclusion-editor{margin-top:4px;padding:10px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.surprise-options .surprise-filter-heading{align-items:center}
.surprise-options .surprise-filter-heading>label{font-size:.82rem;line-height:1.35}
.surprise-options .surprise-filter-heading .button{min-height:36px;padding:7px 10px}
body.light .surprise-options>summary{background:rgba(16,30,65,.055);border-color:rgba(16,30,65,.18)}
body.light .surprise-options .surprise-preference{background:rgba(255,255,255,.97);border-color:rgba(82,45,155,.24);box-shadow:0 18px 42px rgba(35,43,70,.18)}
/* Como o herói histórico usa overflow:hidden, ele cresce somente enquanto o painel está aberto.
   Assim o menu não é recortado e o layout fechado permanece exatamente compacto. */
.hero:has(.surprise-options[open]){min-height:clamp(560px,62vh,700px);max-height:none}
@media(max-width:820px){
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,430px)}
  .hero-actions #surpriseButton,.surprise-options{width:100%;min-width:0}
  .surprise-options .surprise-preference{position:relative;top:auto;left:auto;width:100%;max-height:min(46dvh,430px);margin-top:8px}
  .hero:has(.surprise-options[open]){min-height:clamp(560px,82dvh,760px)}
}
@media(max-width:420px){
  .surprise-options .surprise-preference{max-height:min(50dvh,410px);padding:11px}
  .surprise-options .surprise-preference-controls{grid-template-columns:1fr}
  .hero:has(.surprise-options[open]){min-height:680px}
}
/* === fim GattoMusic v9.31 / produto 2.0 === */
/* === GattoMusic v9.32 / produto 2.0: altura útil do painel Opções ===
   A Build 9.32 corrige somente o recorte inferior observado em telas com
   pouca altura útil ou muitos filtros. A altura máxima é calculada pelo JS
   a partir do limite real do conteúdo e da barra fixa do Player; o painel
   continua usando rolagem própria e não altera os controles nem seus dados. */
.surprise-options .surprise-preference{
  max-height:var(--v932-options-max-height,min(55dvh,520px));
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  scroll-padding-block-end:18px;
  padding-bottom:max(18px,env(safe-area-inset-bottom));
}
@media(max-width:820px){
  .surprise-options .surprise-preference{
    max-height:var(--v932-options-max-height,min(46dvh,430px));
  }
}
@media(max-width:420px){
  .surprise-options .surprise-preference{
    max-height:var(--v932-options-max-height,min(50dvh,410px));
  }
}
/* === fim GattoMusic v9.32 / produto 2.0 === */
/* === GattoMusic v9.33 / produto 2.0: overlay independente do painel Opções ===
   O painel portaled usa position:fixed fora do herói, portanto overflow:hidden,
   stacking contexts e a seção Pastas não podem recortá-lo. A barra do Player
   permanece acima (z-index 50) e a geometria JS mantém margem antes dela. */
.surprise-preference.v933-options-overlay{
  position:fixed!important;
  left:var(--v933-options-left,12px)!important;
  top:var(--v933-options-top,12px)!important;
  width:var(--v933-options-width,min(450px,calc(100vw - 24px)))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:var(--v933-options-max-height,min(55dvh,520px))!important;
  z-index:49!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable;
  scroll-padding-block-end:20px;
  padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
  border-color:color-mix(in srgb,var(--primary) 40%,rgba(255,255,255,.16))!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--panel-solid) 90%,#070913 10%)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.38),0 0 24px color-mix(in srgb,var(--primary) 14%,transparent)!important;
  backdrop-filter:blur(14px);
}
body.light .surprise-preference.v933-options-overlay{
  background:rgba(255,255,255,.97)!important;
  border-color:rgba(82,45,155,.24)!important;
  box-shadow:0 18px 42px rgba(35,43,70,.18)!important;
}
/* O herói não precisa mais crescer para acomodar o dropdown: o overlay possui
   camada própria e pode passar visualmente sobre a seção seguinte sem recorte. */
.hero:has(.surprise-options[open]){min-height:405px;max-height:none}
@media(max-width:820px){
  .surprise-preference.v933-options-overlay{
    max-width:calc(100vw - 24px)!important;
  }
  .hero:has(.surprise-options[open]){min-height:405px}
}
@media(max-width:420px){
  .surprise-preference.v933-options-overlay{padding:11px!important}
}
.chat-message-edited{
  margin-left:6px;
  font-size:.72rem;
  color:var(--muted);
  font-style:italic;
}
.chat-v933-edit-dialog{width:min(560px,calc(100vw - 28px))}
.chat-v933-edit-dialog .chat-v933-edit-textarea{
  width:100%;min-height:132px;max-height:min(42dvh,360px);resize:vertical;
  box-sizing:border-box;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);color:var(--text);padding:12px 14px;
  font:inherit;line-height:1.45;outline:none;
}
.chat-v933-edit-dialog .chat-v933-edit-textarea:focus{
  border-color:color-mix(in srgb,var(--primary) 70%,white 8%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);
}
/* === fim GattoMusic v9.33 / produto 2.0 === */
/* === GattoMusic v9.34 / produto 2.0: seletor de conjuntos sem truncamento ===
   A alteração é somente de layout. O select de conjuntos salvos ocupa uma linha
   inteira e os botões permanecem abaixo, evitando que textos como
   "Nenhum conjunto salvo" sejam comprimidos pelo grid. IDs, valores, eventos,
   persistência e validações existentes continuam inalterados. */
.surprise-preference.v933-options-overlay .surprise-filter-preset-load{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
}
.surprise-preference.v933-options-overlay .surprise-filter-preset-load #surprisePresetSelect{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  text-overflow:clip;
}
.surprise-preference.v933-options-overlay .surprise-filter-preset-load #loadSurprisePreset,
.surprise-preference.v933-options-overlay .surprise-filter-preset-load #deleteSurprisePreset{
  width:100%;
  min-width:0;
}
@media(max-width:420px){
  .surprise-preference.v933-options-overlay .surprise-filter-preset-load{grid-template-columns:1fr}
  .surprise-preference.v933-options-overlay .surprise-filter-preset-load #surprisePresetSelect{grid-column:auto}
}
/* === fim GattoMusic v9.34 / produto 2.0 === */
/* === GattoMusic v9.36: resposta citada e estados determinísticos do compositor === */
.chat-v936-reply-composer{
  grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:10px!important;
  min-width:0!important;padding:8px 10px!important;border:1px solid rgba(101,200,255,.34)!important;
  border-left:4px solid #65c8ff!important;border-radius:10px!important;background:rgba(10,22,34,.72)!important;
}
.chat-v936-reply-composer-copy{display:grid!important;gap:2px!important;min-width:0!important;flex:1 1 auto!important}
.chat-v936-reply-composer-copy strong{font:700 .72rem/1.25 Verdana,Arial,sans-serif!important;color:#8dd8ff!important}
.chat-v936-reply-composer-copy span{font:normal .7rem/1.3 Verdana,Arial,sans-serif!important;color:#c6d3df!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.chat-v936-reply-cancel{flex:0 0 auto!important;width:30px!important;height:30px!important;border:1px solid #405267!important;border-radius:8px!important;background:#142130!important;color:#e9f2fb!important;font:700 1rem/1 Verdana,Arial,sans-serif!important;cursor:pointer!important}
.chat-v936-reply-cancel:hover,.chat-v936-reply-cancel:focus-visible{border-color:#65c8ff!important;outline:2px solid rgba(101,200,255,.22)!important}
.chat-v936-reply-quote{display:grid!important;gap:2px!important;margin:0 0 4px!important;padding:6px 8px!important;border-left:3px solid #65c8ff!important;border-radius:7px!important;background:rgba(5,12,20,.28)!important;min-width:0!important}
.chat-v936-reply-quote strong{font:700 .67rem/1.25 Verdana,Arial,sans-serif!important;color:#8dd8ff!important}
.chat-v936-reply-quote span{font:normal .67rem/1.32 Verdana,Arial,sans-serif!important;color:#c1cfdd!important;overflow-wrap:anywhere!important}
body.light.chat-view-active .chat-v936-reply-composer{background:#eef7ff!important;border-color:#8dbfe0!important;border-left-color:#006aa8!important}
body.light.chat-view-active .chat-v936-reply-composer-copy strong,body.light.chat-view-active .chat-v936-reply-quote strong{color:#005b91!important}
body.light.chat-view-active .chat-v936-reply-composer-copy span,body.light.chat-view-active .chat-v936-reply-quote span{color:#334155!important}
body.light.chat-view-active .chat-v936-reply-cancel{background:#fff!important;color:#1f2937!important;border-color:#94a3b8!important}
body.light.chat-view-active .chat-v936-reply-quote{background:rgba(226,240,252,.72)!important;border-left-color:#006aa8!important}
@media(max-width:760px){
  .chat-v936-reply-composer{padding:7px 8px!important;gap:7px!important}
  .chat-v936-reply-composer-copy span{max-width:72vw!important}
}
/* === fim GattoMusic v9.36 === */