/* ==========================================================================
   TubeCalendar - Mobile CSS
   Launch Fix v12
   ========================================================================== */

@media (max-width: 768px) {

    #view-production-max-section input:not(.production-max-file-input-hidden):not(.production-max-hidden-file-input),
    #view-production-max-section textarea,
    #view-production-max-section select,
    #view-production-max-section button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-production-max-section button {
        min-height: 46px !important;
        white-space: normal !important;
        line-height: 1.35 !important;
    }

    /* Modais no mobile
       .modal é o overlay de tela inteira; somente o conteúdo recebe margem. */
    .modal {
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    .modal-content,
    .auth-modal,
    .billing-modal,
    .calendar-modal {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 32px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    /* Inputs gerais */
    input,
    textarea,
    select {
        font-size: 16px !important;
    }

    /* Evita zoom automático do iPhone ao focar campos */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="url"],
    textarea,
    select {
        font-size: 16px !important;
    }

    /* Área segura para celulares com barra inferior */
    .fab-btn,
    .floating-action-button {
        bottom: calc(16px + env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 430px) {

    .tc-account-hero {
        padding: 18px !important;
        border-radius: 20px !important;
    }

    .tc-account-hero h1 {
        font-size: 28px !important;
    }

    .tc-account-card {
        padding: 16px !important;
    }

    .tc-account-card-header h2 {
        font-size: 18px !important;
    }

    .tc-account-info-list span {
        font-size: 13px !important;
    }
}

/* Bloqueia o scroll do fundo quando o menu mobile está aberto */
body.sidebar-open {
    overflow: hidden;
    touch-action: none;
}

/* ==========================================================================
   MOBILE FIX 3 - Redes sociais no mobile
   Corrige ícones do Instagram, YouTube e X no rodapé e no menu lateral
   ========================================================================== */

@media (max-width: 768px) {

    /* Rodapé da landing */
    #landing-screen .landing-footer .tc-social-block {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
        margin: 12px auto 14px auto !important;
    }

    #landing-screen .landing-footer .tc-social-links {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: auto !important;
        max-width: 100% !important;
    }

    #landing-screen .landing-footer .tc-social-link {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 36px !important;
        border-radius: 999px !important;
        text-decoration: none !important;
        font-size: 15px !important;
        line-height: 1 !important;
        gap: 0 !important;
        transform: none !important;
        transition: none !important;
    }

    #landing-screen .landing-footer .tc-social-link i {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 15px !important;
        line-height: 1 !important;
        color: #ffffff !important;
    }

    /* Menu lateral / sidebar */
    .sidebar .sidebar-social-section,
    #sidebar .sidebar-social-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 16px 0 14px 0 !important;
        padding: 14px 10px !important;
        border-top: 1px solid #242424 !important;
        border-bottom: 1px solid #242424 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .sidebar .sidebar-social-section .tc-social-title,
    #sidebar .sidebar-social-section .tc-social-title {
        display: block !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        color: #9ca3af !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.7px !important;
        text-transform: uppercase !important;
    }

    .sidebar .sidebar-social-section .tc-social-links,
    #sidebar .sidebar-social-section .tc-social-links {
        width: auto !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }

    /*
       Importante:
       O mobile fix geral força ".sidebar a" a ter min-height: 44px.
       Aqui sobrescrevemos apenas os links sociais para eles voltarem a ser
       botões redondos, pequenos, alinhados e coloridos.
    */
    .sidebar .sidebar-social-section .tc-social-link,
    #sidebar .sidebar-social-section .tc-social-link,
    .sidebar .sidebar-social-section a[href*="instagram.com"],
    #sidebar .sidebar-social-section a[href*="instagram.com"],
    .sidebar .sidebar-social-section a[href*="youtube.com"],
    #sidebar .sidebar-social-section a[href*="youtube.com"],
    .sidebar .sidebar-social-section a[aria-label*="Instagram"],
    #sidebar .sidebar-social-section a[aria-label*="Instagram"],
    .sidebar .sidebar-social-section a[aria-label*="YouTube"],
    #sidebar .sidebar-social-section a[aria-label*="YouTube"],
    .sidebar .sidebar-social-section a[aria-label*="X"],
    #sidebar .sidebar-social-section a[aria-label*="X"] {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 36px !important;
        border-radius: 999px !important;
        text-decoration: none !important;
        text-align: center !important;
        line-height: 1 !important;
        font-size: 15px !important;
        gap: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        touch-action: manipulation !important;
        transform: none !important;
        transition: none !important;
    }

    .sidebar .sidebar-social-section .tc-social-link i,
    #sidebar .sidebar-social-section .tc-social-link i,
    .sidebar .sidebar-social-section a[href*="instagram.com"] i,
    #sidebar .sidebar-social-section a[href*="instagram.com"] i,
    .sidebar .sidebar-social-section a[href*="youtube.com"] i,
    #sidebar .sidebar-social-section a[href*="youtube.com"] i,
    .sidebar .sidebar-social-section a[aria-label*="Instagram"] i,
    #sidebar .sidebar-social-section a[aria-label*="Instagram"] i,
    .sidebar .sidebar-social-section a[aria-label*="YouTube"] i,
    #sidebar .sidebar-social-section a[aria-label*="YouTube"] i,
    .sidebar .sidebar-social-section a[aria-label*="X"] i,
    #sidebar .sidebar-social-section a[aria-label*="X"] i {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1 !important;
        transform: none !important;
    }

    /* Instagram monocromático no mobile/TWA */
    #landing-screen .tc-social-instagram,
    #landing-screen a[href*="instagram.com"],
    .sidebar .sidebar-social-section .tc-social-instagram,
    #sidebar .sidebar-social-section .tc-social-instagram,
    .sidebar .sidebar-social-section a[href*="instagram.com"],
    #sidebar .sidebar-social-section a[href*="instagram.com"],
    .sidebar .sidebar-social-section a[aria-label*="Instagram"],
    #sidebar .sidebar-social-section a[aria-label*="Instagram"] {
        background: #050505 !important;
        border: 1px solid #2a2a2a !important;
        color: #ffffff !important;
    }

    /* YouTube monocromático no mobile/TWA */
    #landing-screen .tc-social-youtube,
    #landing-screen a[href*="youtube.com"],
    .sidebar .sidebar-social-section .tc-social-youtube,
    #sidebar .sidebar-social-section .tc-social-youtube,
    .sidebar .sidebar-social-section a[href*="youtube.com"],
    #sidebar .sidebar-social-section a[href*="youtube.com"],
    .sidebar .sidebar-social-section a[aria-label*="YouTube"],
    #sidebar .sidebar-social-section a[aria-label*="YouTube"] {
        background: #050505 !important;
        border: 1px solid #2a2a2a !important;
        color: #ffffff !important;
    }

    /* X preparado e desativado */
    #landing-screen .tc-social-x,
    .sidebar .sidebar-social-section .tc-social-x,
    #sidebar .sidebar-social-section .tc-social-x,
    .sidebar .sidebar-social-section a[aria-label*="X"],
    #sidebar .sidebar-social-section a[aria-label*="X"] {
        background: #050505 !important;
        border: 1px solid #2a2a2a !important;
        color: #ffffff !important;
    }

    #landing-screen .tc-social-link.is-disabled,
    .sidebar .sidebar-social-section .tc-social-link.is-disabled,
    #sidebar .sidebar-social-section .tc-social-link.is-disabled {
        opacity: 0.42 !important;
        cursor: not-allowed !important;
        pointer-events: none !important;
        filter: grayscale(0.25) !important;
    }
}

@media (max-width: 430px) {

    #landing-screen .landing-footer .tc-social-link,
    .sidebar .sidebar-social-section .tc-social-link,
    #sidebar .sidebar-social-section .tc-social-link,
    .sidebar .sidebar-social-section a[href*="instagram.com"],
    #sidebar .sidebar-social-section a[href*="instagram.com"],
    .sidebar .sidebar-social-section a[href*="youtube.com"],
    #sidebar .sidebar-social-section a[href*="youtube.com"],
    .sidebar .sidebar-social-section a[aria-label*="Instagram"],
    #sidebar .sidebar-social-section a[aria-label*="Instagram"],
    .sidebar .sidebar-social-section a[aria-label*="YouTube"],
    #sidebar .sidebar-social-section a[aria-label*="YouTube"],
    .sidebar .sidebar-social-section a[aria-label*="X"],
    #sidebar .sidebar-social-section a[aria-label*="X"] {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        flex: 0 0 34px !important;
        font-size: 14px !important;
    }

    #landing-screen .landing-footer .tc-social-link i,
    .sidebar .sidebar-social-section .tc-social-link i,
    #sidebar .sidebar-social-section .tc-social-link i {
        font-size: 14px !important;
    }
}

/* ==========================================================================
   MOBILE FIX 4 - Video Ideas + seletor de idioma
   Regras escopadas para não alterar desktop nem outras telas.
   ========================================================================== */

@media (max-width: 768px) {

    /* Video Ideas: enquadramento real da view no mobile/TWA */
    #view-video-ideas-section,
    #view-video-ideas-section .tc-video-ideas-page,
    #view-video-ideas-section .tc-video-ideas-workspace,
    #view-video-ideas-section .tc-video-ideas-channel-card,
    #view-video-ideas-section .tc-video-ideas-strategy-card,
    #view-video-ideas-section .tc-video-ideas-results {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-video-ideas-section {
        overflow-x: hidden !important;
    }

    #view-video-ideas-section .tc-video-ideas-page {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    #view-video-ideas-section .tc-video-ideas-channel-card {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    #view-video-ideas-section .tc-video-ideas-channel-copy {
        min-width: 0 !important;
    }

    #view-video-ideas-section .tc-video-ideas-channel-selector {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Select e Atualizar sempre em linhas separadas no celular.
       O ID aumenta a especificidade para vencer o CSS injetado pelo módulo. */
    #view-video-ideas-section .tc-video-ideas-channel-select-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-items: stretch !important;
    }

    #view-video-ideas-section #tcVideoIdeasChannelSelect,
    #view-video-ideas-section #tcVideoIdeasRefreshChannelsBtn {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-video-ideas-section #tcVideoIdeasRefreshChannelsBtn {
        white-space: normal !important;
        text-align: center !important;
        justify-content: center !important;
    }

    #view-video-ideas-section .tc-video-ideas-strategy-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #view-video-ideas-section .tc-video-ideas-field,
    #view-video-ideas-section .tc-video-ideas-strategy-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Sidebar: em telas touch, :hover pode permanecer preso após o toque.
       Garante que PT/EN/ES ativo continue vermelho. */
    #sidebar .sidebar-language-selector .language-btn.active,
    #sidebar .sidebar-language-selector .language-btn.is-active,
    #sidebar .sidebar-language-selector .language-btn[aria-pressed="true"],
    .sidebar .sidebar-language-selector .language-btn.active,
    .sidebar .sidebar-language-selector .language-btn.is-active,
    .sidebar .sidebar-language-selector .language-btn[aria-pressed="true"],
    #sidebar .sidebar-language-selector .language-btn.active:hover,
    #sidebar .sidebar-language-selector .language-btn.is-active:hover,
    #sidebar .sidebar-language-selector .language-btn[aria-pressed="true"]:hover,
    .sidebar .sidebar-language-selector .language-btn.active:hover,
    .sidebar .sidebar-language-selector .language-btn.is-active:hover,
    .sidebar .sidebar-language-selector .language-btn[aria-pressed="true"]:hover {
        background: var(--youtube-red, #ff0000) !important;
        color: #ffffff !important;
        box-shadow: 0 6px 16px rgba(255, 0, 0, 0.22) !important;
    }
}

/* ==========================================================================
   MOBILE FIX 5 - VIDEO IDEAS / TEMA CLARO
   Apenas cores e contraste. Tema escuro permanece intacto.
   ========================================================================== */

@media (max-width: 768px) {

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-page {
        color: #111827 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-hero {
        background: linear-gradient(135deg, #fff1f2 0%, #ffffff 52%, #f5f3ff 100%) !important;
        border-color: #e5e7eb !important;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-eyebrow {
        color: #dc2626 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-hero h1,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-channel-copy strong,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-strategy-heading h2,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-insight-card strong,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-body h3 {
        color: #111827 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-hero p,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-channel-copy small,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-channel-selector small,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-strategy-note,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-results-heading p,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-detail p {
        color: #4b5563 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-label,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-channel-selector label,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-field > span,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-score-disclaimer,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-insight-card span,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-detail strong {
        color: #6b7280 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-plan-badge {
        background: #7c3aed !important;
        color: #ffffff !important;
        border-color: #6d28d9 !important;
        box-shadow: 0 8px 20px rgba(124, 58, 237, 0.22) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-alert {
        background: #eff6ff !important;
        border-color: #bfdbfe !important;
        color: #1e3a8a !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-lock {
        background: #fffaf0 !important;
        border-color: #f3d9a2 !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-lock h2 {
        color: #111827 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-lock p {
        color: #5b6472 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-channel-card,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-insight-card,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-topics-card,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-card {
        background: #ffffff !important;
        border-color: #e5e7eb !important;
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-strategy-card {
        background: linear-gradient(135deg, #faf5ff 0%, #ffffff 70%) !important;
        border-color: #ddd6fe !important;
        box-shadow: 0 12px 30px rgba(124, 58, 237, 0.08) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-strategy-badge {
        background: #ede9fe !important;
        border-color: #c4b5fd !important;
        color: #6d28d9 !important;
        box-shadow: 0 5px 12px rgba(124, 58, 237, 0.10) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-channel-select,
    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-strategy-select {
        background: #f8fafc !important;
        border-color: #d1d5db !important;
        color: #111827 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-secondary {
        background: #f3f4f6 !important;
        border-color: #d1d5db !important;
        color: #111827 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-primary {
        background: #ff0000 !important;
        border-color: #e00000 !important;
        color: #ffffff !important;
        box-shadow: 0 12px 28px rgba(255, 0, 0, 0.18) !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-pills span {
        background: #fff1f2 !important;
        border-color: #fecdd3 !important;
        color: #b91c1c !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-score {
        background: #f5f3ff !important;
        border-color: #ddd6fe !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-score small {
        color: #7c3aed !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-score strong {
        color: #5b21b6 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-detail.is-new {
        background: #f0fdf4 !important;
        border-color: #bbf7d0 !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-idea-evidence {
        background: #eff6ff !important;
        border-color: #bfdbfe !important;
    }

    body:not(.theme-dark) #view-video-ideas-section .tc-video-ideas-calendar-btn {
        background: #ecfdf5 !important;
        border-color: #bbf7d0 !important;
        color: #166534 !important;
    }
}

/* ==========================================================================
   MOBILE FIX 6 - LANDING / CONEXÃO YOUTUBE
   Evita coluna esmagada, texto quebrando letra a letra e sobreposição no app.
   ========================================================================== */

@media (max-width: 768px) {

    #landing-youtube-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #landing-youtube-section > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 20px !important;
        border-radius: 22px !important;
        box-sizing: border-box !important;
    }

    #landing-youtube-section > div > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #landing-youtube-section > div > div > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #landing-youtube-section h2,
    #landing-youtube-section h3,
    #landing-youtube-section p,
    #landing-youtube-section span {
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    #landing-youtube-section .btn-start-now {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 48px !important;
        padding: 12px 14px !important;
        border-radius: 14px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        text-align: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    #landing-youtube-steps {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 18px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #landing-youtube-steps > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #landing-youtube-steps p {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
}

/* ==========================================================================
   MOBILE FIX 7 - PRODUÇÃO MAX, MINHA CONTA E IDEIAS PARA SHORTS
   Ajustes exclusivos de layout para telas de celular.
   Não altera cores, fundos, sombras ou tema.
   ========================================================================== */

@media (max-width: 768px) {

    #view-production-max-section,
    #view-account-section,
    #view-shorts-express-section {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #view-production-max-section *,
    #view-account-section *,
    #view-shorts-express-section * {
        min-width: 0;
        box-sizing: border-box;
    }

    /* ----------------------------------------------------------------------
       PRODUÇÃO MAX
       ---------------------------------------------------------------------- */

    #view-production-max-section .production-max-container,
    #view-production-max-section .production-max-hero,
    #view-production-max-section .production-max-section,
    #view-production-max-section .production-max-locked,
    #view-production-max-section .production-max-upload-box,
    #view-production-max-section .production-max-analysis-panel,
    #view-production-max-section .production-max-seo-panel,
    #view-production-max-section .production-max-thumbnail-panel,
    #view-production-max-section .production-max-publish-package-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #view-production-max-section .production-max-status-grid,
    #view-production-max-section .production-max-flow,
    #view-production-max-section .production-max-form-grid,
    #view-production-max-section .production-max-summary-grid,
    #view-production-max-section .production-max-analysis-grid,
    #view-production-max-section .production-max-seo-grid,
    #view-production-max-section .production-max-thumbnail-grid,
    #view-production-max-section .production-max-thumbnail-config-grid,
    #view-production-max-section .production-max-publish-package-grid,
    #view-production-max-section .production-max-publish-grid,
    #view-production-max-section .production-max-publish-two-cols {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-production-max-section .production-max-form-group.full,
    #view-production-max-section .production-max-analysis-card.full,
    #view-production-max-section .production-max-seo-card.full,
    #view-production-max-section .production-max-publish-package-card.full {
        grid-column: auto !important;
    }

    #view-production-max-section .production-max-status-card,
    #view-production-max-section .production-max-step,
    #view-production-max-section .production-max-form-group,
    #view-production-max-section .production-max-summary-card,
    #view-production-max-section .production-max-analysis-card,
    #view-production-max-section .production-max-seo-card,
    #view-production-max-section .production-max-thumbnail-card,
    #view-production-max-section .production-max-thumbnail-config-field,
    #view-production-max-section .production-max-publish-package-card,
    #view-production-max-section .production-max-publish-preview,
    #view-production-max-section .production-max-publish-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-production-max-section .production-max-custom-file-row,
    #view-production-max-section .production-max-actions,
    #view-production-max-section .production-max-analysis-actions,
    #view-production-max-section .production-max-seo-actions,
    #view-production-max-section .production-max-seo-copy-row,
    #view-production-max-section .production-max-thumbnail-actions,
    #view-production-max-section .production-max-thumbnail-upload-row,
    #view-production-max-section .production-max-video-controls-row,
    #view-production-max-section .production-max-publish-package-actions,
    #view-production-max-section .production-max-publish-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 10px !important;
    }

    #view-production-max-section .production-max-btn,
    #view-production-max-section .production-max-new-video-btn,
    #view-production-max-section .production-max-analysis-next-btn,
    #view-production-max-section .production-max-seo-primary-btn,
    #view-production-max-section .production-max-seo-secondary-btn,
    #view-production-max-section .production-max-seo-choose-btn,
    #view-production-max-section .production-max-seo-copy-btn,
    #view-production-max-section .production-max-thumbnail-primary-btn,
    #view-production-max-section .production-max-thumbnail-secondary-btn,
    #view-production-max-section .production-max-publish-package-primary-btn,
    #view-production-max-section .production-max-publish-package-secondary-btn,
    #view-production-max-section .production-max-publish-primary-btn,
    #view-production-max-section .production-max-publish-secondary-btn,
    #view-production-max-section .production-max-publish-success-btn {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        text-align: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    #view-production-max-section .production-max-custom-file-btn {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-self: start !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    #view-production-max-section input:not([type="checkbox"]):not([type="radio"]):not(.production-max-file-input-hidden):not(.production-max-hidden-file-input),
    #view-production-max-section select,
    #view-production-max-section textarea,
    #view-production-max-section .production-max-file-upload-control {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-production-max-section input.production-max-file-input-hidden,
    #view-production-max-section input.production-max-hidden-file-input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        min-width: 1px !important;
        max-width: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    #view-production-max-section .production-max-file-card {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-production-max-section .production-max-analysis-header,
    #view-production-max-section .production-max-seo-header,
    #view-production-max-section .production-max-thumbnail-header,
    #view-production-max-section .production-max-publish-package-header,
    #view-production-max-section .production-max-seo-option-top {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #view-production-max-section h2,
    #view-production-max-section h3,
    #view-production-max-section h4,
    #view-production-max-section p,
    #view-production-max-section label,
    #view-production-max-section .production-max-file-title,
    #view-production-max-section .production-max-file-upload-name,
    #view-production-max-section .production-max-custom-file-name {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    #view-production-max-section .production-max-shorts-modal {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ----------------------------------------------------------------------
       MINHA CONTA
       ---------------------------------------------------------------------- */

    #view-account-section .tc-account-page,
    #view-account-section .tc-account-hero,
    #view-account-section .tc-account-grid,
    #view-account-section .tc-account-card,
    #view-account-section .tc-account-alert {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #view-account-section .tc-account-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #view-account-section .tc-account-card-wide {
        grid-column: auto !important;
    }

    #view-account-section .tc-account-hero > div,
    #view-account-section .tc-account-hero-actions,
    #view-account-section .tc-account-actions-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-account-section .tc-account-hero-actions,
    #view-account-section .tc-account-actions-row {
        align-items: stretch !important;
    }

    #view-account-section .tc-account-hero-actions .tc-account-btn,
    #view-account-section .tc-account-actions-row .tc-account-btn,
    #view-account-section #tcAccountRefreshBtn,
    #view-account-section #tcAccountSaveDisplayNameBtn,
    #view-account-section #tcDefaultsSaveBtn {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        white-space: normal !important;
        text-align: center !important;
    }

    #view-account-section .tc-account-card-header {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        min-width: 0 !important;
    }

    #view-account-section .tc-account-card-header > div,
    #view-account-section .tc-account-card-header h2,
    #view-account-section .tc-account-card-header p {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    #view-account-section .tc-account-avatar-card-section {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-account-section .tc-account-avatar-card-section > div:last-child {
        flex: 1 1 180px !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-account-section .tc-account-avatar-card-section > div:last-child > div:nth-child(3) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 8px !important;
    }

    #view-account-section #tcAccountDisplayNameInput,
    #view-account-section #tcDefaultsChannelSelect,
    #view-account-section #tcDefaultLongDescription,
    #view-account-section #tcDefaultShortsDescription,
    #view-account-section #tcDefaultTags {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-account-section .tc-account-info-list div {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-account-section .tc-account-info-list strong,
    #view-account-section .tc-account-info-list span,
    #view-account-section .tc-account-card-description,
    #view-account-section .tc-account-hero p {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    #view-account-section #tcAccountUploadDefaultsSection > div:nth-child(2) {
        align-items: stretch !important;
    }

    #view-account-section #tcAccountUploadDefaultsSection > div:nth-child(2) > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-account-section #tcAccountUploadDefaultsSection > div:nth-child(3) {
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-account-section .tc-defaults-tab-btn {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        white-space: normal !important;
        text-align: center !important;
    }

    #view-account-section .tc-avatar-picker-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #view-account-section .tc-modal-backdrop {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #view-account-section .tc-modal-container,
    #view-account-section .tc-avatar-alert-modal,
    #view-account-section .tc-account-delete-dialog {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ----------------------------------------------------------------------
       IDEIAS PARA SHORTS
       ---------------------------------------------------------------------- */

    #view-shorts-express-section .tc-shorts-ideas-page,
    #view-shorts-express-section .tc-shorts-ideas-hero,
    #view-shorts-express-section .tc-shorts-ideas-workspace,
    #view-shorts-express-section .tc-shorts-ideas-channel-card,
    #view-shorts-express-section .tc-shorts-ideas-strategy-card,
    #view-shorts-express-section .tc-shorts-ideas-results {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-hero {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-hero > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-items: stretch !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-hero > div:last-child > span {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-card {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-copy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-copy strong {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-copy small {
        display: block !important;
        overflow-wrap: anywhere !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-selector,
    #view-shorts-express-section .tc-shorts-ideas-channel-card > #tcShortsIdeasConnectBtn {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-select-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-channel-select,
    #view-shorts-express-section .tc-shorts-ideas-channel-refresh,
    #view-shorts-express-section .tc-shorts-ideas-strategy-select,
    #view-shorts-express-section .tc-shorts-ideas-text-input,
    #view-shorts-express-section .tc-shorts-ideas-primary,
    #view-shorts-express-section .tc-shorts-ideas-secondary {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-strategy-heading,
    #view-shorts-express-section .tc-shorts-ideas-results-heading,
    #view-shorts-express-section .tc-shorts-ideas-lock {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-strategy-badge {
        justify-self: start !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-strategy-grid,
    #view-shorts-express-section .tc-shorts-ideas-analysis-grid,
    #view-shorts-express-section .tc-shorts-ideas-cards {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-field,
    #view-shorts-express-section .tc-shorts-ideas-insight-card,
    #view-shorts-express-section .tc-shorts-ideas-topics-card,
    #view-shorts-express-section .tc-shorts-idea-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-action-row {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #view-shorts-express-section h1,
    #view-shorts-express-section h2,
    #view-shorts-express-section h3,
    #view-shorts-express-section p,
    #view-shorts-express-section small,
    #view-shorts-express-section label {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    #view-shorts-express-section .tc-shorts-ideas-alert[hidden],
    #view-shorts-express-section .tc-shorts-ideas-lock[hidden],
    #view-shorts-express-section .tc-shorts-ideas-results[hidden],
    #view-shorts-express-section .tc-shorts-ideas-loading[hidden],
    #view-shorts-express-section .tc-shorts-ideas-channel-selector[hidden] {
        display: none !important;
    }
}