/**
 * DuChat - Tema Oficial Orkut Retrô (2004 - 2010)
 * Totalmente autêntico: estética azul-gelo/periwinkle, magenta/rosa clássico (#ed2590),
 * tipografia Arial/Tahoma limpa, cards modulares de perfil, depoimentos, fotos e badges.
 * A marca e logo permanecem estritamente DuChat.
 */

/* ==========================================================================
   1. RESET GLOBAL & VARIÁVEIS DO TEMA ORKUT RETRÔ
   ========================================================================== */
[data-site-theme="orkut"],
html[data-site-theme="orkut"] body {
    --orkut-pink: #ed2590;
    --orkut-pink-hover: #c41774;
    --orkut-pink-subtle: #fcebf4;
    --orkut-pink-border: #f4b4d6;
    --orkut-blue-bg: #d4dded;
    --orkut-blue-page: linear-gradient(180deg, #dce5f4 0%, #cbd6ea 100%);
    --orkut-header-blue: #c8d4e6;
    --orkut-header-dark: #3b5998;
    --orkut-card-bg: #ffffff;
    --orkut-card-header: #e4ebf5;
    --orkut-card-subtle: #f4f7fc;
    --orkut-border: #b2c5e0;
    --orkut-border-soft: #c4d2e7;
    --orkut-border-subtle: #e1e9f4;
    --orkut-text-main: #222222;
    --orkut-text-navy: #1a365d;
    --orkut-text-muted: #556677;
    --orkut-text-link: #bf186e;
    --orkut-btn-pink: linear-gradient(to bottom, #f348a6 0%, #ed2590 50%, #c41774 100%);
    --orkut-btn-blue: linear-gradient(to bottom, #ffffff 0%, #e9eef7 100%);
    --orkut-btn-border: #bf186e;
    --orkut-online-green: #22c55e;
    --orkut-trust-yellow: #f59e0b;
    --orkut-cool-blue: #0284c7;
    --orkut-fan-pink: #ed2590;

    /* Mapeamento de variáveis globais para compatibilidade em todos os painéis e modais */
    --bg-page: #d4dded;
    --card-bg: #ffffff;
    --glass-bg: #ffffff;
    --glass-bg-subtle: #f0f4fa;
    --glass-bg-hover: #fdf2f8;
    --glass-border: #b2c5e0;
    --glass-border-subtle: #d4dded;
    --border-color: #c4d2e7;
    --border-soft: #dce5f4;
    --text-main: #222222;
    --text-muted: #556677;
    --accent-color: #ed2590;
    --accent-hover: #c41774;
    --btn-primary-bg: linear-gradient(to bottom, #f348a6 0%, #ed2590 50%, #c41774 100%);
    --btn-primary-text: #ffffff;
    --input-bg: #ffffff;
    --input-border: #b2c5e0;

    font-family: Arial, Tahoma, "Lucida Grande", sans-serif !important;
    background-color: var(--orkut-blue-bg) !important;
    background-image: var(--orkut-blue-page) !important;
    color: var(--orkut-text-main) !important;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* Desativação de Glassmorphism e sombras de outros temas */
[data-site-theme="orkut"] *,
[data-site-theme="orkut"] *::before,
[data-site-theme="orkut"] *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-family: Arial, Tahoma, "Lucida Grande", sans-serif !important;
}

/* Scrollbars Clássicos do Orkut (Compatível com WebKit e Firefox) */
[data-site-theme="orkut"] * {
    scrollbar-width: thin;
    scrollbar-color: #ed2590 #e4ebf5;
}
[data-site-theme="orkut"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
[data-site-theme="orkut"] ::-webkit-scrollbar-track {
    background: #e4ebf5;
    border-left: 1px solid var(--orkut-border-soft);
}
[data-site-theme="orkut"] ::-webkit-scrollbar-thumb {
    background: #e175b2;
    border: 1px solid #ffffff;
    border-radius: 4px;
}
[data-site-theme="orkut"] ::-webkit-scrollbar-thumb:hover {
    background: #ed2590;
}

/* ==========================================================================
   2. CABEÇALHO SUPERIOR ESTILO ORKUT (DUCHAT BRAND)
   ========================================================================== */
[data-site-theme="orkut"] .site-header {
    background: linear-gradient(to bottom, #dbe4f2 0%, #c4d3e8 100%) !important;
    border-bottom: 2px solid #a3b8d4 !important;
    box-shadow: 0 1px 4px rgba(59, 89, 152, 0.15) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    padding-top: max(0.35rem, calc(0.35rem + env(safe-area-inset-top, 0px))) !important;
    padding-bottom: 0.35rem !important;
    padding-left: env(safe-area-inset-left, 0px) !important;
    padding-right: env(safe-area-inset-right, 0px) !important;
    box-sizing: border-box !important;
}

html[data-site-theme="orkut"].is-ios-pwa .site-header,
html[data-site-theme="orkut"].is-pwa-standalone .site-header,
html[data-site-theme="orkut"].is-ios-device.is-pwa-standalone .site-header {
    padding-top: max(5px, calc(0.35rem + env(safe-area-inset-top, 50px))) !important;
    flex-shrink: 0 !important;
}

@media (display-mode: standalone) {
    [data-site-theme="orkut"] .site-header {
        padding-top: max(50px, calc(0.35rem + env(safe-area-inset-top, 50px))) !important;
        flex-shrink: 0 !important;
    }
}

[data-site-theme="orkut"] .header-container {
    max-width: 1360px !important;
    padding: 0 1.25rem !important;
}

/* Logo DuChat no estilo Orkut */
[data-site-theme="orkut"] .brand-logo {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
}

[data-site-theme="orkut"] .brand-logo .logo-text {
    font-weight: 800 !important;
    font-size: 1.45rem !important;
    color: #ed2590 !important;
    letter-spacing: -0.5px !important;
    text-shadow: 0 1px 0 #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ed2590 !important;
}

[data-site-theme="orkut"] .brand-logo img {
    width: 32px !important;
    height: 32px !important;
    filter: drop-shadow(0 1px 2px rgba(237, 37, 144, 0.4)) !important;
}

/* Botões e Ícones do Cabeçalho */
[data-site-theme="orkut"] .header-user-badge {
    background: #ffffff !important;
    border: 1px solid #b5c7df !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
    color: #1a365d !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

[data-site-theme="orkut"] .header-user-badge:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .header-user-avatar {
    border-radius: 3px !important;
    border: 1px solid #b5c7df !important;
    width: 24px !important;
    height: 24px !important;
}

[data-site-theme="orkut"] .header-icon-btn,
[data-site-theme="orkut"] .btn-discrete-action {
    background: #ffffff !important;
    border: 1px solid #b5c7df !important;
    color: #1a365d !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    padding: 5px 8px !important;
}

[data-site-theme="orkut"] .header-icon-btn:hover,
[data-site-theme="orkut"] .btn-discrete-action:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

/* Ocultar alternador de modo claro/escuro (exclusivo do Liquid Glass) */
[data-site-theme="orkut"] #btnThemeToggle,
html[data-site-theme="orkut"] #btnThemeToggle,
[data-theme="orkut"] #btnThemeToggle {
    display: none !important;
}

/* ==========================================================================
   3. CONTAINER PRINCIPAL DE CHAT ESTILO ORKUT (CHAT.PHP)
   ========================================================================== */
[data-site-theme="orkut"] .chat-app-container {
    max-width: 1420px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 1rem !important;
    margin: 0.75rem auto !important;
    height: var(--chat-container-height, calc(100dvh - var(--header-height, 64px) - 4.25rem)) !important;
    max-height: var(--chat-container-height, calc(100dvh - var(--header-height, 64px) - 1.5rem)) !important;
    min-height: 320px !important;
    gap: 1rem !important;
    overflow: hidden !important;
}

/* Coluna 1: Lista de Amigos (Buddy List) estilo Orkut */
[data-site-theme="orkut"] .buddy-sidebar {
    width: 320px !important;
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.1) !important;
    overflow: hidden !important;
}

/* Painel de Perfil do Usuário Logado */
[data-site-theme="orkut"] .my-profile-panel {
    background: linear-gradient(to bottom, #f0f4fa 0%, #e4ebf5 100%) !important;
    border-bottom: 2px solid #b2c5e0 !important;
    padding: 0.85rem !important;
}

[data-site-theme="orkut"] .my-avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 4px !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
}

[data-site-theme="orkut"] .my-name {
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .my-subnick-input {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #333333 !important;
    font-size: 0.8rem !important;
    padding: 0.25rem 0.5rem !important;
}

[data-site-theme="orkut"] .my-subnick-input:focus {
    border-color: #ed2590 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(237, 37, 144, 0.2) !important;
}

[data-site-theme="orkut"] .status-select {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #1a365d !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    padding: 5px 4px !important;
}

[data-site-theme="orkut"] .my-status-control {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
    margin-top: 6px !important;
}

[data-site-theme="orkut"] .my-status-control .btn-open-my-profile {
    margin-left: 0 !important;
}

[data-site-theme="orkut"] .btn-open-my-profile {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #1a365d !important;
    font-weight: 700 !important;
    font-size: 0.76rem !important;
    padding: 3px 7px !important;
}

[data-site-theme="orkut"] .btn-open-my-profile:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

/* Campo de Busca de Amigos */
[data-site-theme="orkut"] .sidebar-search-box {
    background: #f4f7fc !important;
    border-bottom: 1px solid #d4dded !important;
    padding: 0.6rem 0.85rem !important;
}

[data-site-theme="orkut"] .sidebar-search-input {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #222222 !important;
    font-size: 0.82rem !important;
    padding: 0.4rem 0.65rem !important;
}

[data-site-theme="orkut"] .sidebar-search-input:focus {
    border-color: #ed2590 !important;
    outline: none !important;
}

/* Itens da Lista de Contatos / Amigos */
[data-site-theme="orkut"] .contact-group-header {
    background: #e4ebf5 !important;
    color: #1a365d !important;
    font-weight: 800 !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0.4rem 0.85rem !important;
    border-top: 1px solid #c4d2e7 !important;
    border-bottom: 1px solid #c4d2e7 !important;
}

[data-site-theme="orkut"] .contact-item {
    border-bottom: 1px solid #eef2f8 !important;
    padding: 0.55rem 0.85rem !important;
    transition: background 0.15s ease !important;
}

[data-site-theme="orkut"] .contact-item:hover {
    background: #f5f8fd !important;
}

[data-site-theme="orkut"] .contact-item.active {
    background: #fcebf4 !important;
    border-left: 4px solid #ed2590 !important;
}

[data-site-theme="orkut"] .contact-avatar {
    border-radius: 4px !important;
    border: 1px solid #c4d2e7 !important;
    width: 38px !important;
    height: 38px !important;
}

[data-site-theme="orkut"] .contact-name {
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .contact-item.active .contact-name {
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .badge-unread {
    background: #ed2590 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    font-size: 0.7rem !important;
}

/* ==========================================================================
   4. PAINEL CENTRAL DE CONVERSA ESTILO ORKUT
   ========================================================================== */
[data-site-theme="orkut"] .chat-main-panel {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.1) !important;
    overflow: hidden !important;
}

/* Cabeçalho da Conversa Ativa */
[data-site-theme="orkut"] .chat-window-header {
    background: linear-gradient(to bottom, #f0f4fa 0%, #e4ebf5 100%) !important;
    border-bottom: 2px solid #b2c5e0 !important;
    padding: 0.65rem 1.25rem !important;
}

[data-site-theme="orkut"] .chat-peer-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 4px !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

[data-site-theme="orkut"] .chat-peer-name {
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .chat-peer-subnick {
    color: #556677 !important;
    font-size: 0.82rem !important;
    font-style: italic !important;
}

/* Barra de Ações Rápidas do Cabeçalho da Conversa */
[data-site-theme="orkut"] .tool-action-btn,
[data-site-theme="orkut"] .btn-chat-action,
[data-site-theme="orkut"] .btn-close-chat,
[data-site-theme="orkut"] .btn-more-dots {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 1.05rem !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

[data-site-theme="orkut"] .tool-action-btn:hover,
[data-site-theme="orkut"] .btn-chat-action:hover,
[data-site-theme="orkut"] .btn-more-dots:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 5px rgba(237, 37, 144, 0.2) !important;
}

[data-site-theme="orkut"] .btn-close-chat:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
    transform: translateY(-1px) !important;
}

/* Área de Rolagem de Mensagens (Mural estilo Orkut) */
[data-site-theme="orkut"] .chat-messages-container {
    background-color: #f7f9fd !important;
    background-image: radial-gradient(#dce5f4 1px, transparent 1px) !important;
    background-size: 16px 16px !important;
    padding: 1.25rem !important;
    gap: 0.75rem !important;
}

/* Balões de Mensagem Orkut */
[data-site-theme="orkut"] .chat-bubble {
    border-radius: 10px !important;
    padding: 0.42rem 0.75rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    width: fit-content !important;
    max-width: 100% !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

[data-site-theme="orkut"] .msg-reply-quote {
    background: #eef3fb !important;
    border-left: 3px solid #ed2590 !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .reply-preview-banner {
    background: #eef3fb !important;
    border: 1px solid #b2c5e0 !important;
    border-left: 4px solid #ed2590 !important;
}

[data-site-theme="orkut"] .chat-bubble-row:hover .msg-hover-actions-bar,
[data-site-theme="orkut"] .chat-bubble-row.active-actions .msg-hover-actions-bar,
[data-site-theme="orkut"] .chat-bubble-row:has(.msg-reaction-picker:not(.hidden)) .msg-hover-actions-bar {
    display: flex !important;
}

[data-site-theme="orkut"] .msg-hover-actions-bar {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.25) !important;
}

[data-site-theme="orkut"] .msg-reaction-picker {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.25) !important;
}

[data-site-theme="orkut"] .bubble-mine .msg-reaction-picker {
    right: 0 !important;
    left: auto !important;
}

[data-site-theme="orkut"] .bubble-peer .msg-reaction-picker {
    left: 0 !important;
    right: auto !important;
}

[data-site-theme="orkut"] .reaction-picker-emoji,
[data-site-theme="orkut"] .reaction-pill,
[data-site-theme="orkut"] .emoji-cell {
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", sans-serif !important;
}

[data-site-theme="orkut"] .reaction-pill {
    background: #ffffff !important;
    border: 1px solid #c4d2e7 !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] .reaction-pill.active {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
}

[data-site-theme="orkut"] .bubble-content-col {
    width: fit-content !important;
    max-width: 76% !important;
    min-width: 0 !important;
}

[data-site-theme="orkut"] .bubble-mine .bubble-content-col {
    align-items: flex-end !important;
}

[data-site-theme="orkut"] .bubble-peer .bubble-content-col {
    align-items: flex-start !important;
}

[data-site-theme="orkut"] .msg-pdf-card {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    box-shadow: 0 1px 3px rgba(59, 89, 152, 0.1) !important;
}

[data-site-theme="orkut"] .btn-pdf-download {
    background: #f0f4fa !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
}

/* Mensagem Enviada por Mim (Rosa Suave / Magenta Orkut) */
[data-site-theme="orkut"] .bubble-mine .chat-bubble {
    background: #fff0f7 !important;
    border: 1px solid #f4b4d6 !important;
    color: #222222 !important;
    border-bottom-right-radius: 3px !important;
    align-self: flex-end !important;
}

[data-site-theme="orkut"] .bubble-mine .msg-sender-name {
    color: #ed2590 !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    padding-right: 4px !important;
}

/* Mensagem Recebida do Amigo (Card Branco com Borda Azul Suave) */
[data-site-theme="orkut"] .bubble-peer .chat-bubble {
    background: #ffffff !important;
    border: 1px solid #c4d2e7 !important;
    color: #222222 !important;
    border-bottom-left-radius: 3px !important;
    align-self: flex-start !important;
}

[data-site-theme="orkut"] .bubble-peer .msg-sender-name {
    color: #1a365d !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    padding-left: 4px !important;
}

[data-site-theme="orkut"] .msg-bubble-avatar {
    border-radius: 4px !important;
    border: 1px solid #b2c5e0 !important;
    width: 34px !important;
    height: 34px !important;
}

[data-site-theme="orkut"] .msg-meta-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin-top: 3px !important;
    padding: 0 4px !important;
}

[data-site-theme="orkut"] .bubble-mine .msg-meta-row {
    justify-content: flex-end !important;
    align-self: flex-end !important;
}

[data-site-theme="orkut"] .bubble-peer .msg-meta-row {
    justify-content: flex-start !important;
    align-self: flex-start !important;
}

[data-site-theme="orkut"] .msg-timestamp {
    color: #8899aa !important;
    font-size: 0.68rem !important;
    font-weight: 500 !important;
}

[data-site-theme="orkut"] .msg-read-status.status-sent,
[data-site-theme="orkut"] .msg-read-status.status-delivered {
    color: #8899aa !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .msg-read-status.status-read {
    color: #0284c7 !important;
    font-weight: 800 !important;
}

/* Barra de Digitação e Ferramentas */
[data-site-theme="orkut"] .chat-input-bar,
[data-site-theme="orkut"] .chat-input-panel {
    background: #f4f7fc !important;
    border-top: 1px solid #b2c5e0 !important;
    padding: 0.65rem 1rem !important;
}

[data-site-theme="orkut"] .chat-tools-row,
[data-site-theme="orkut"] .chat-input-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 0.5rem !important;
    position: relative !important;
}

[data-site-theme="orkut"] .chat-tool-icon-btn,
[data-site-theme="orkut"] .btn-toolbar-tool,
[data-site-theme="orkut"] .btn-format-toggle {
    background: #ffffff !important;
    border: 1px solid #c4d2e7 !important;
    border-radius: 4px !important;
    color: #1a365d !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding: 0 !important;
    font-size: 1.10rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box !important;
}

[data-site-theme="orkut"] .chat-tool-icon-btn:hover,
[data-site-theme="orkut"] .btn-toolbar-tool:hover,
[data-site-theme="orkut"] .btn-format-toggle:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 5px rgba(237, 37, 144, 0.2) !important;
}

[data-site-theme="orkut"] .btn-format-toggle.active,
[data-site-theme="orkut"] .chat-tool-icon-btn.active {
    background: #ed2590 !important;
    color: #ffffff !important;
    border-color: #c41774 !important;
}

[data-site-theme="orkut"] .btn-mic.recording {
    background: #fee2e2 !important;
    border-color: #ef4444 !important;
    color: #ef4444 !important;
}

[data-site-theme="orkut"] .chat-textarea,
[data-site-theme="orkut"] .chat-input-textarea {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #222222 !important;
    font-size: 0.9rem !important;
    padding: 0.5rem 0.75rem !important;
}

[data-site-theme="orkut"] .chat-textarea:focus,
[data-site-theme="orkut"] .chat-input-textarea:focus {
    border-color: #ed2590 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(237, 37, 144, 0.15) !important;
}

[data-site-theme="orkut"] .btn-send-message {
    background: var(--orkut-btn-pink) !important;
    color: #ffffff !important;
    border: 1px solid #c41774 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    padding: 0.5rem 1.25rem !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(196, 23, 116, 0.3) !important;
    transition: all 0.15s ease !important;
}

[data-site-theme="orkut"] .btn-send-message:hover {
    background: #c41774 !important;
    transform: translateY(-1px) !important;
}

/* Menus Suspensos e Gavetas Estilo Orkut */
[data-site-theme="orkut"] .chat-more-dropdown,
[data-site-theme="orkut"] .emoji-picker-drawer,
[data-site-theme="orkut"] #winksPickerModal,
[data-site-theme="orkut"] .color-palette-popover,
[data-site-theme="orkut"] .ephemeral-popover {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.2) !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .more-menu-item {
    color: #1a365d !important;
    font-weight: 600 !important;
}

[data-site-theme="orkut"] .more-menu-item:hover,
[data-site-theme="orkut"] .emoji-cell:hover {
    background: #fdf2f8 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .chat-search-row {
    background: #e4ebf5 !important;
    border-bottom: 1px solid #b2c5e0 !important;
    padding: 0.4rem 0.75rem !important;
}

[data-site-theme="orkut"] .chat-search-input-field {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #222222 !important;
}

/* ==========================================================================
   5. 3ª COLUNA: PERFIL, BADGES ORKUT, FOTOS E DUSORTE
   ========================================================================== */
[data-site-theme="orkut"] .chat-details-panel {
    width: 330px !important;
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.1) !important;
    overflow-y: auto !important;
    padding: 1rem !important;
    gap: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
}

[data-site-theme="orkut"] .details-card {
    background: #f7f9fd !important;
    border: 1px solid #c4d2e7 !important;
    border-radius: 6px !important;
    padding: 0.85rem !important;
}

[data-site-theme="orkut"] .details-card-header {
    background: #e4ebf5 !important;
    border-bottom: 1px solid #c4d2e7 !important;
    margin: -0.85rem -0.85rem 0.75rem -0.85rem !important;
    padding: 0.45rem 0.85rem !important;
    border-radius: 5px 5px 0 0 !important;
}

[data-site-theme="orkut"] .details-card-title {
    color: #1a365d !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* Badges / Avaliações Clássicas do Orkut (Confiável, Legal, Fã) */
[data-site-theme="orkut"] .badge-rating-row {
    background: #ffffff !important;
    border: 1px solid #d4dded !important;
    border-radius: 4px !important;
    padding: 0.4rem 0.6rem !important;
    margin-bottom: 0.4rem !important;
}

[data-site-theme="orkut"] .badge-rating-label {
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .badge-trust-color { color: #f59e0b !important; }
[data-site-theme="orkut"] .badge-cool-color { color: #0284c7 !important; }
[data-site-theme="orkut"] .badge-fan-color { color: #ed2590 !important; }

[data-site-theme="orkut"] .star-btn {
    color: #cbd5e1 !important;
}
[data-site-theme="orkut"] .star-btn.active {
    color: #ed2590 !important;
}

/* Grid 3x3 de Mídias Recentes (Álbum de Fotos Orkut) */
[data-site-theme="orkut"] .recent-media-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
}

[data-site-theme="orkut"] .media-thumbnail-item {
    border-radius: 3px !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

[data-site-theme="orkut"] .media-thumbnail-item:hover {
    border-color: #ed2590 !important;
}

/* Biscoito da Sorte (DuSorte) */
[data-site-theme="orkut"] .fortune-paper-box {
    background: #fffbe6 !important;
    border: 1px dashed #eab308 !important;
    color: #713f12 !important;
    border-radius: 4px !important;
}

/* ==========================================================================
   6. PÁGINAS ESTÁTICAS E FORMULÁRIOS (LOGIN, SOBRE, PRIVACIDADE, CONTATO)
   ========================================================================== */
[data-site-theme="orkut"] .page-container {
    max-width: 940px !important;
    margin: 2rem auto !important;
}

[data-site-theme="orkut"] .page-card {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(59, 89, 152, 0.12) !important;
    padding: 2.25rem !important;
}

[data-site-theme="orkut"] .page-card h1,
[data-site-theme="orkut"] .page-card h2 {
    color: #ed2590 !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #fcebf4 !important;
    padding-bottom: 0.4rem !important;
}

[data-site-theme="orkut"] .page-card p,
[data-site-theme="orkut"] .page-card li {
    color: #222222 !important;
    line-height: 1.7 !important;
}

[data-site-theme="orkut"] .page-card a:not(.btn) {
    color: #bf186e !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .btn-primary,
[data-site-theme="orkut"] a.btn-primary,
[data-site-theme="orkut"] .page-card a.btn-primary {
    background: var(--orkut-btn-pink) !important;
    color: #ffffff !important;
    border: 1px solid #c41774 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(196, 23, 116, 0.25) !important;
}

[data-site-theme="orkut"] .btn-primary span,
[data-site-theme="orkut"] a.btn-primary span,
[data-site-theme="orkut"] .page-card a.btn-primary span {
    color: #ffffff !important;
    text-decoration: none !important;
}

[data-site-theme="orkut"] .btn-primary:hover,
[data-site-theme="orkut"] a.btn-primary:hover,
[data-site-theme="orkut"] .page-card a.btn-primary:hover {
    background: #c41774 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

[data-site-theme="orkut"] .btn-secondary,
[data-site-theme="orkut"] .btn-outline,
[data-site-theme="orkut"] a.btn-secondary,
[data-site-theme="orkut"] .page-card a.btn-secondary {
    background: #ffffff !important;
    color: #1a365d !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

[data-site-theme="orkut"] .btn-secondary:hover,
[data-site-theme="orkut"] .btn-outline:hover,
[data-site-theme="orkut"] a.btn-secondary:hover,
[data-site-theme="orkut"] .page-card a.btn-secondary:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
    text-decoration: none !important;
}

[data-site-theme="orkut"] .form-control {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] .form-control:focus {
    border-color: #ed2590 !important;
    box-shadow: 0 0 0 2px rgba(237, 37, 144, 0.15) !important;
}

/* ==========================================================================
   6.1 PÁGINA INICIAL (INDEX.PHP) ESTILO ORKUT RETRÔ (2004-2010)
   ========================================================================== */
[data-site-theme="orkut"] .landing-page-container {
    max-width: 1060px !important;
    margin: 1.5rem auto 2.5rem auto !important;
}

/* Card Principal (Hero) com Barra Superior Azul-Orkut & Moldura Clássica */
[data-site-theme="orkut"] .landing-hero-card {
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fd 100%) !important;
    border: 1px solid #a8bfe0 !important;
    border-top: 5px solid #6d84b4 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.14) !important;
    padding: 2.8rem 2rem 2.4rem 2rem !important;
}

[data-site-theme="orkut"] .landing-hero-badge {
    background: #fcebf4 !important;
    border: 1px solid #f4b4d6 !important;
    color: #c41774 !important;
    box-shadow: 0 1px 3px rgba(237, 37, 144, 0.12) !important;
}

[data-site-theme="orkut"] .landing-hero-logo {
    filter: drop-shadow(0 5px 14px rgba(237, 37, 144, 0.32)) !important;
}

[data-site-theme="orkut"] .landing-hero-title {
    color: #1a365d !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 1rem !important;
}

[data-site-theme="orkut"] .landing-hero-gradient-text {
    background: linear-gradient(135deg, #ed2590 0%, #c41774 52%, #3b5998 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

[data-site-theme="orkut"] .landing-hero-subtitle {
    color: #334e68 !important;
}

[data-site-theme="orkut"] .landing-hero-subtitle strong {
    color: #ed2590 !important;
}

/* Botão Principal CTA ("Acessar DuChat" / "Entrar Agora no DuChat") no Orkut */
[data-site-theme="orkut"] .landing-cta-btn {
    background: linear-gradient(to bottom, #f553ab 0%, #ed2590 50%, #c41774 100%) !important;
    color: #ffffff !important;
    border: 1px solid #a3105e !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(237, 37, 144, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    text-decoration: none !important;
}

[data-site-theme="orkut"] .landing-cta-btn:hover {
    background: linear-gradient(to bottom, #ed2590 0%, #c41774 60%, #9e0e5b 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(196, 23, 116, 0.45) !important;
}

/* Cápsula branca para o ícone "G" do Google destacar no botão rosa do Orkut */
[data-site-theme="orkut"] .landing-cta-btn svg {
    background: #ffffff !important;
    padding: 3px !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    flex-shrink: 0 !important;
}

[data-site-theme="orkut"] .landing-secondary-btn {
    background: linear-gradient(to bottom, #ffffff 0%, #e9f0fa 100%) !important;
    color: #1a365d !important;
    border: 1px solid #9cb2d6 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(59, 89, 152, 0.12) !important;
}

[data-site-theme="orkut"] .landing-secondary-btn:hover {
    background: #fcebf4 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

/* Badges de Garantias Estilo Pílulas de Perfil Orkut */
[data-site-theme="orkut"] .landing-trust-badges {
    gap: 0.65rem !important;
    padding-top: 0.75rem !important;
    border-top: 1px dashed #c4d3e8 !important;
}

[data-site-theme="orkut"] .landing-trust-badges > span {
    background: #eef4fc !important;
    border: 1px solid #c3d9ff !important;
    color: #1a365d !important;
    padding: 0.35rem 0.75rem !important;
    border-radius: 999px !important;
    font-size: 0.8rem !important;
}

[data-site-theme="orkut"] .landing-trust-badges > span strong {
    color: #1a365d !important;
}

/* Cabeçalhos de Seção da Landing Page */
[data-site-theme="orkut"] .landing-section-header h2 {
    color: #1a365d !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

[data-site-theme="orkut"] .landing-section-header p {
    color: #486581 !important;
}

/* Os 3 Cards de Pilares (Nostalgia, Recursos e Segurança) */
[data-site-theme="orkut"] .landing-pillar-card {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    padding: 1.75rem !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.1) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

[data-site-theme="orkut"] .landing-pillar-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(59, 89, 152, 0.16) !important;
}

[data-site-theme="orkut"] .landing-pillar-card.pillar-nostalgia {
    border-top: 4px solid #ed2590 !important;
}

[data-site-theme="orkut"] .landing-pillar-card.pillar-features {
    border-top: 4px solid #3b5998 !important;
}

[data-site-theme="orkut"] .landing-pillar-card.pillar-security {
    border-top: 4px solid #eab308 !important;
}

[data-site-theme="orkut"] .pillar-nostalgia .landing-pillar-icon {
    background: #fcebf4 !important;
    border: 1px solid #f4b4d6 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] .pillar-features .landing-pillar-icon {
    background: #e8f1ff !important;
    border: 1px solid #b5c7df !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] .pillar-security .landing-pillar-icon {
    background: #fef9c3 !important;
    border: 1px solid #fde047 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] .pillar-nostalgia .landing-pillar-kicker {
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .pillar-features .landing-pillar-kicker {
    color: #3b5998 !important;
}

[data-site-theme="orkut"] .pillar-security .landing-pillar-kicker {
    color: #b45309 !important;
}

[data-site-theme="orkut"] .landing-pillar-card h3 {
    color: #1a365d !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #e8f0fa !important;
    padding-bottom: 0.45rem !important;
}

[data-site-theme="orkut"] .landing-pillar-card ul li strong {
    color: #1a365d !important;
}

[data-site-theme="orkut"] .landing-pillar-quote {
    background: #f0f5fc !important;
    border: 1px solid #c3d9ff !important;
    border-left: 3px solid #ed2590 !important;
    border-radius: 6px !important;
    color: #1a365d !important;
}

/* Tabela Comparativa Estilo Comunidades / Perfil do Orkut */
[data-site-theme="orkut"] .landing-compare-card,
[data-site-theme="orkut"] .landing-faq-card {
    border-top: 4px solid #6d84b4 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] .landing-compare-table {
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

[data-site-theme="orkut"] .landing-compare-table thead tr {
    background: #d9e4f5 !important;
    border-bottom: 2px solid #9cb2d6 !important;
}

[data-site-theme="orkut"] .landing-compare-table thead th {
    color: #1a365d !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .landing-compare-table thead th.col-duchat-highlight {
    background: #ed2590 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}

[data-site-theme="orkut"] .landing-compare-table tbody tr:nth-child(odd) {
    background: #f7f9fd !important;
}

[data-site-theme="orkut"] .landing-compare-table tbody tr:nth-child(even) {
    background: #eaf1fb !important;
}

[data-site-theme="orkut"] .landing-compare-table tbody td {
    color: #1a365d !important;
    border-bottom: 1px solid #d4e0f0 !important;
}

[data-site-theme="orkut"] .landing-compare-table tbody td.col-duchat-highlight {
    background: #fdf2f8 !important;
    color: #be185d !important;
    font-weight: 700 !important;
    border-left: 1px solid #f4b4d6 !important;
    border-right: 1px solid #f4b4d6 !important;
}

/* Perguntas Frequentes (FAQ) Estilo Fórum de Comunidade Orkut */
[data-site-theme="orkut"] .landing-faq-item {
    background: #f4f7fc !important;
    border: 1px solid #c3d9ff !important;
    border-radius: 6px !important;
    padding: 0.95rem 1.2rem !important;
    transition: all 0.15s ease !important;
}

[data-site-theme="orkut"] .landing-faq-item:hover {
    background: #ebf2fc !important;
    border-color: #9cb2d6 !important;
}

[data-site-theme="orkut"] .landing-faq-item[open] {
    background: #ffffff !important;
    border: 1px solid #ed2590 !important;
    border-left: 4px solid #ed2590 !important;
    box-shadow: 0 2px 8px rgba(237, 37, 144, 0.1) !important;
}

[data-site-theme="orkut"] .landing-faq-item summary {
    color: #1a365d !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .landing-faq-item[open] summary {
    color: #ed2590 !important;
    border-bottom: 1px solid #fcebf4 !important;
    padding-bottom: 0.55rem !important;
}

[data-site-theme="orkut"] .landing-faq-item p {
    color: #334e68 !important;
}

/* Banner Final de Chamada para Ação (CTA) no Orkut */
[data-site-theme="orkut"] .landing-final-cta {
    background: linear-gradient(135deg, #e8f1ff 0%, #ffffff 50%, #fcebf4 100%) !important;
    border: 2px solid #a8bfe0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(59, 89, 152, 0.12) !important;
}

[data-site-theme="orkut"] .landing-final-cta h2 {
    color: #1a365d !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

[data-site-theme="orkut"] .landing-final-cta p {
    color: #334e68 !important;
}

/* Rodapé Global Estilo Orkut */
[data-site-theme="orkut"] .site-footer {
    background: #dbe4f2 !important;
    border-top: 2px solid #a3b8d4 !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .site-footer .footer-brand {
    color: #1a365d !important;
}

[data-site-theme="orkut"] .site-footer .footer-brand strong {
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .site-footer .footer-links a {
    color: #3b5998 !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .site-footer .footer-links a:hover {
    color: #ed2590 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   7. PAINEL DE ADMINISTRAÇÃO (ADMIN.PHP) ESTILO ORKUT RETRÔ (2004-2010)
   ========================================================================== */
[data-site-theme="orkut"] .admin-layout {
    background: transparent !important;
    max-width: 1360px !important;
    margin: 1rem auto 1.5rem auto !important;
    padding: 0 1.25rem !important;
    gap: 1.15rem !important;
    align-items: flex-start !important;
}

/* Coluna Esquerda: Menu de Navegação no Estilo Perfil/Comunidade do Orkut */
[data-site-theme="orkut"] .admin-sidebar {
    width: 265px !important;
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.12) !important;
    padding: 0 0 0.85rem 0 !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 72px !important;
}

[data-site-theme="orkut"] .admin-brand {
    background: linear-gradient(to bottom, #f0f4fa 0%, #dbe4f2 100%) !important;
    border-bottom: 2px solid #b2c5e0 !important;
    padding: 0.95rem 1.15rem !important;
    margin-bottom: 0.25rem !important;
}

[data-site-theme="orkut"] .admin-brand h2 {
    color: #ed2590 !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    letter-spacing: -0.3px !important;
    text-shadow: 0 1px 0 #ffffff !important;
}

[data-site-theme="orkut"] .admin-brand small {
    color: #1a365d !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    display: block !important;
    margin-top: 1px !important;
}

[data-site-theme="orkut"] .admin-nav {
    margin-top: 0.5rem !important;
    padding: 0 0.65rem !important;
    gap: 0.35rem !important;
}

[data-site-theme="orkut"] .admin-nav-item {
    background: #f4f7fc !important;
    border: 1px solid #dce5f4 !important;
    color: #1a365d !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    font-size: 0.84rem !important;
    padding: 0.62rem 0.85rem !important;
    transition: all 0.15s ease !important;
}

[data-site-theme="orkut"] .admin-nav-item:hover {
    background: #fcebf4 !important;
    border-color: #f4b4d6 !important;
    color: #ed2590 !important;
    transform: translateX(2px) !important;
}

[data-site-theme="orkut"] .admin-nav-item.active {
    background: var(--orkut-btn-pink) !important;
    border-color: #c41774 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(237, 37, 144, 0.3) !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) !important;
    transform: none !important;
}

/* Coluna Principal do Admin */
[data-site-theme="orkut"] .admin-main {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Cabeçalho de Seção (Banner Modular Estilo Topo de Comunidade Orkut) */
[data-site-theme="orkut"] .admin-section-header {
    background: linear-gradient(to bottom, #ffffff 0%, #f0f4fa 100%) !important;
    border: 1px solid #b2c5e0 !important;
    border-left: 5px solid #ed2590 !important;
    border-radius: 8px !important;
    padding: 1rem 1.35rem !important;
    margin-bottom: 1.25rem !important;
    box-shadow: 0 2px 6px rgba(59, 89, 152, 0.08) !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
}

[data-site-theme="orkut"] .admin-section-title {
    color: #1a365d !important;
    font-size: 1.32rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.15rem !important;
    letter-spacing: -0.2px !important;
}

[data-site-theme="orkut"] .admin-section-header p.text-muted {
    color: #556677 !important;
    font-size: 0.84rem !important;
    margin: 0 !important;
    line-height: 1.45 !important;
}

/* Grade de Métricas Rápidas Estilo Orkut */
[data-site-theme="orkut"] .metrics-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 1rem !important;
    margin-bottom: 1.35rem !important;
}

[data-site-theme="orkut"] .metric-card {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-top: 3px solid #c8d4e6 !important;
    border-radius: 8px !important;
    padding: 1.05rem 1.15rem !important;
    box-shadow: 0 2px 6px rgba(59, 89, 152, 0.08) !important;
    transition: all 0.15s ease !important;
}

[data-site-theme="orkut"] .metric-card-interactive:hover {
    border-color: #ed2590 !important;
    border-top-color: #ed2590 !important;
    background: #fffafd !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(237, 37, 144, 0.16) !important;
}

[data-site-theme="orkut"] .metric-icon-box {
    background: #f0f4fa !important;
    border: 1px solid #c4d2e7 !important;
    border-radius: 8px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 1.35rem !important;
    flex-shrink: 0 !important;
}

[data-site-theme="orkut"] .metric-card h4 {
    color: #1a365d !important;
    font-weight: 800 !important;
    font-size: 0.75rem !important;
}

[data-site-theme="orkut"] .metric-card .metric-value {
    color: #ed2590 !important;
    font-weight: 800 !important;
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
}

[data-site-theme="orkut"] .metric-info small {
    color: #bf186e !important;
    font-weight: 600 !important;
}

[data-site-theme="orkut"] .metric-info small.text-muted {
    color: #556677 !important;
    font-weight: 500 !important;
}

/* Cards de Conteúdo e Diagnóstico do Painel Admin */
[data-site-theme="orkut"] .admin-card {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 8px !important;
    padding: 1.35rem !important;
    margin-bottom: 1.25rem !important;
    box-shadow: 0 2px 8px rgba(59, 89, 152, 0.08) !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] .admin-card-header {
    background: linear-gradient(to bottom, #f0f4fa 0%, #e4ebf5 100%) !important;
    border-bottom: 1px solid #c4d2e7 !important;
    margin: -1.35rem -1.35rem 1.15rem -1.35rem !important;
    padding: 0.7rem 1.25rem !important;
    border-radius: 7px 7px 0 0 !important;
}

[data-site-theme="orkut"] .admin-card-header h3 {
    color: #1a365d !important;
    font-weight: 800 !important;
    font-size: 1.02rem !important;
    margin: 0 !important;
}

/* Tabelas Internas de Diagnóstico (CPU, RAM, Ambiente, Disco) */
[data-site-theme="orkut"] #tab-overview .admin-card table tr td {
    padding: 0.28rem 0 !important;
    border-bottom: 1px dashed #e1e9f4 !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] #tab-overview .admin-card table tr:last-child td {
    border-bottom: none !important;
}

[data-site-theme="orkut"] #tab-overview .admin-card table tr td.text-muted {
    color: #556677 !important;
    font-weight: 600 !important;
}

/* Barras de Progresso no Estilo Orkut */
[data-site-theme="orkut"] .progress-bar-bg {
    background: #e4ebf5 !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
    height: 10px !important;
}

[data-site-theme="orkut"] .progress-bar-fill {
    background: linear-gradient(to right, #ed2590 0%, #f348a6 100%) !important;
}

/* Grade de Seleção de Temas no Painel Admin */
[data-site-theme="orkut"] .theme-selector-grid {
    gap: 1.25rem !important;
    margin: 0.5rem 0 1.25rem 0 !important;
}

[data-site-theme="orkut"] .theme-card {
    background: #f7f9fd !important;
    border: 2px solid #c4d2e7 !important;
    border-radius: 8px !important;
    padding: 1.15rem !important;
    box-shadow: 0 1px 4px rgba(59, 89, 152, 0.06) !important;
}

[data-site-theme="orkut"] .theme-card:hover {
    border-color: #ed2590 !important;
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(237, 37, 144, 0.14) !important;
}

[data-site-theme="orkut"] .theme-card.active-theme {
    border-color: #ed2590 !important;
    background: #fff0f7 !important;
    box-shadow: 0 0 0 2px rgba(237, 37, 144, 0.22) !important;
}

[data-site-theme="orkut"] .theme-preview-box {
    height: 130px !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
    margin-bottom: 0.9rem !important;
}

[data-site-theme="orkut"] .admin-theme-footer-bar {
    background: #f0f4fa !important;
    border-top: 1px solid #c4d2e7 !important;
    margin: 1.25rem -1.35rem -1.35rem -1.35rem !important;
    padding: 1rem 1.35rem !important;
    border-radius: 0 0 7px 7px !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}

/* Tabelas Administrativas (Usuários, Logs, Armazenamento) */
[data-site-theme="orkut"] .admin-table {
    border: 1px solid #c4d2e7 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

[data-site-theme="orkut"] .admin-table thead tr {
    background: linear-gradient(to bottom, #f0f4fa 0%, #dbe4f2 100%) !important;
}

[data-site-theme="orkut"] .admin-table th {
    background: transparent !important;
    color: #1a365d !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    border-bottom: 2px solid #b2c5e0 !important;
    padding: 0.75rem 0.9rem !important;
}

[data-site-theme="orkut"] .admin-table td {
    border-bottom: 1px solid #dce5f4 !important;
    color: #222222 !important;
    padding: 0.75rem 0.9rem !important;
    vertical-align: middle !important;
}

[data-site-theme="orkut"] .admin-table tbody tr:nth-child(odd) td {
    background: #ffffff !important;
}

[data-site-theme="orkut"] .admin-table tbody tr:nth-child(even) td {
    background: #f6f9fe !important;
}

[data-site-theme="orkut"] .admin-table tbody tr:hover td {
    background: #fcebf4 !important;
}

[data-site-theme="orkut"] .table-avatar {
    border-radius: 4px !important;
    border: 1px solid #b2c5e0 !important;
    background: #ffffff !important;
    padding: 1px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

[data-site-theme="orkut"] .user-row-cell strong {
    color: #1a365d !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-table code {
    background: #eef3fb !important;
    border: 1px solid #c4d2e7 !important;
    color: #bf186e !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
}

/* Badges de Status no Painel Admin (Alto Contraste sobre Fundo Claro) */
[data-site-theme="orkut"] .badge {
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 0.73rem !important;
    padding: 0.22rem 0.55rem !important;
}

[data-site-theme="orkut"] .badge-success {
    background: #dcfce7 !important;
    color: #15803d !important;
    border: 1px solid #86efac !important;
}

[data-site-theme="orkut"] .badge-warning {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border: 1px solid #fcd34d !important;
}

[data-site-theme="orkut"] .badge-danger {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border: 1px solid #fca5a5 !important;
}

[data-site-theme="orkut"] .badge-primary {
    background: #fcebf4 !important;
    color: #c41774 !important;
    border: 1px solid #f4b4d6 !important;
}

[data-site-theme="orkut"] .badge-secondary {
    background: #e4ebf5 !important;
    color: #1a365d !important;
    border: 1px solid #b2c5e0 !important;
}

/* Botões Compactos (.btn-sm) nas Tabelas e Cards do Admin */
[data-site-theme="orkut"] .btn-sm {
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    padding: 0.32rem 0.68rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

[data-site-theme="orkut"] .btn-sm.btn-primary {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #c41774 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(196, 23, 116, 0.25) !important;
}

[data-site-theme="orkut"] .btn-sm.btn-primary:hover {
    background: #c41774 !important;
}

[data-site-theme="orkut"] .btn-sm.btn-outline {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    box-shadow: 0 1px 2px rgba(59, 89, 152, 0.06) !important;
}

[data-site-theme="orkut"] .btn-sm.btn-outline:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .btn-sm.btn-warning {
    background: #fef3c7 !important;
    border: 1px solid #f59e0b !important;
    color: #92400e !important;
}

[data-site-theme="orkut"] .btn-sm.btn-warning:hover {
    background: #fde68a !important;
    color: #78350f !important;
}

[data-site-theme="orkut"] .btn-sm.btn-success {
    background: #dcfce7 !important;
    border: 1px solid #22c55e !important;
    color: #166534 !important;
}

[data-site-theme="orkut"] .btn-sm.btn-success:hover {
    background: #bbf7d0 !important;
}

[data-site-theme="orkut"] .btn-sm.btn-danger,
[data-site-theme="orkut"] .btn-danger {
    background: #fee2e2 !important;
    border: 1px solid #ef4444 !important;
    color: #b91c1c !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .btn-sm.btn-danger:hover,
[data-site-theme="orkut"] .btn-danger:hover {
    background: #ef4444 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

/* Configurações Gerais, Bancos de Dados e Mensagens de Contato */
[data-site-theme="orkut"] .admin-settings-divider {
    border-top: 2px solid #e4ebf5 !important;
}

[data-site-theme="orkut"] .admin-subtitle-accent {
    color: #ed2590 !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-callout-success {
    background: #f0fdf4 !important;
    border: 1px solid #86efac !important;
    border-left: 4px solid #22c55e !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .admin-callout-success span {
    color: #15803d !important;
}

[data-site-theme="orkut"] #tab-database code {
    background: #eef3fb !important;
    border: 1px solid #c4d2e7 !important;
    color: #1a365d !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .admin-db-box-info {
    background: #f4f7fc !important;
    border: 1px solid #b2c5e0 !important;
    border-left: 4px solid #3b5998 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .admin-db-box-info .admin-subtitle-accent {
    color: #1a365d !important;
}

[data-site-theme="orkut"] .admin-db-box-danger {
    background: #fff5f5 !important;
    border: 1px solid #fca5a5 !important;
    border-left: 4px solid #ef4444 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .admin-danger-heading {
    color: #b91c1c !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-db-box-desc {
    color: #334155 !important;
    line-height: 1.5 !important;
}

/* Cards de Mensagens de Contato (Estilo Recados / Scraps do Orkut) */
[data-site-theme="orkut"] .admin-contact-card {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-left: 4px solid #ed2590 !important;
    border-radius: 8px !important;
    padding: 1.15rem !important;
    box-shadow: 0 2px 6px rgba(59, 89, 152, 0.08) !important;
}

[data-site-theme="orkut"] .admin-contact-card-header {
    background: #f4f7fc !important;
    border-bottom: 1px solid #dce5f4 !important;
    margin: -1.15rem -1.15rem 0.85rem -1.15rem !important;
    padding: 0.65rem 1.15rem !important;
    border-radius: 4px 7px 0 0 !important;
}

[data-site-theme="orkut"] .admin-contact-sender {
    color: #1a365d !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-contact-subject {
    color: #ed2590 !important;
    font-weight: 800 !important;
    font-size: 0.98rem !important;
}

[data-site-theme="orkut"] .admin-contact-text {
    color: #222222 !important;
}

[data-site-theme="orkut"] .admin-contact-reply-box {
    background: #fcebf4 !important;
    border: 1px solid #f4b4d6 !important;
    border-left: 4px solid #ed2590 !important;
    border-radius: 5px !important;
}

[data-site-theme="orkut"] .admin-contact-reply-label {
    color: #c41774 !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-contact-reply-text {
    color: #222222 !important;
}

[data-site-theme="orkut"] .admin-contact-card-footer {
    border-top: 1px solid #e4ebf5 !important;
}

/* ==========================================================================
   8. MODAIS DO ADMIN & GERAIS E RODAPÉ ESTILO ORKUT
   ========================================================================== */
[data-site-theme="orkut"] .modal-card,
[data-site-theme="orkut"] .admin-modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(59, 89, 152, 0.25) !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] .modal-header,
[data-site-theme="orkut"] .admin-modal-header {
    background: linear-gradient(to bottom, #f0f4fa 0%, #dbe4f2 100%) !important;
    border-bottom: 2px solid #b2c5e0 !important;
}

[data-site-theme="orkut"] .modal-header h3,
[data-site-theme="orkut"] .admin-modal-header h3 {
    color: #ed2590 !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 #ffffff !important;
}

[data-site-theme="orkut"] .modal-close-btn {
    color: #1a365d !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .modal-close-btn:hover {
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .modal-footer,
[data-site-theme="orkut"] .admin-modal-footer {
    background: #f0f4fa !important;
    border-top: 1px solid #c4d2e7 !important;
}

[data-site-theme="orkut"] .form-group label {
    color: #1a365d !important;
    font-weight: 700 !important;
}

/* Elementos Internos dos Modais do Admin (Armazenamento, Cofre, Resposta, Moderação) */
[data-site-theme="orkut"] .admin-storage-stat-box {
    background: #f4f7fc !important;
    border: 1px solid #c4d2e7 !important;
    border-top: 3px solid #b2c5e0 !important;
    border-radius: 6px !important;
    padding: 0.9rem 1rem !important;
}

[data-site-theme="orkut"] .admin-modal-section-title {
    color: #1a365d !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-storage-total-val {
    color: #ed2590 !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-reply-quote-box {
    background: #f4f7fc !important;
    border: 1px solid #b2c5e0 !important;
    border-left: 4px solid #ed2590 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .admin-reply-meta-val {
    color: #1a365d !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-reply-original-text {
    background: #ffffff !important;
    border: 1px solid #dce5f4 !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] .admin-vault-file-card {
    background: #f7f9fd !important;
    border: 1px solid #c4d2e7 !important;
    border-radius: 6px !important;
    padding: 0.75rem !important;
    box-shadow: 0 1px 3px rgba(59, 89, 152, 0.08) !important;
}

[data-site-theme="orkut"] .admin-vault-file-card:hover {
    border-color: #ed2590 !important;
    background: #fffafd !important;
}

[data-site-theme="orkut"] .admin-vault-file-name {
    color: #1a365d !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .admin-moderation-item {
    background: #f7f9fd !important;
    border: 1px solid #c4d2e7 !important;
    border-left: 3px solid #b2c5e0 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .admin-moderation-item:hover {
    border-left-color: #ed2590 !important;
    background: #fffafd !important;
}

[data-site-theme="orkut"] .admin-mod-sender {
    color: #1a365d !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-mod-peer {
    color: #ed2590 !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .admin-moderation-text {
    color: #222222 !important;
}

[data-site-theme="orkut"] .site-footer {
    background: #c8d4e6 !important;
    border-top: 2px solid #a3b8d4 !important;
    color: #1a365d !important;
    padding: 0.85rem 0 !important;
}

[data-site-theme="orkut"] .site-footer a {
    color: #bf186e !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .site-footer a:hover {
    color: #ed2590 !important;
    text-decoration: underline !important;
}

/* Thumbnail preview da aba de temas no admin */
.preview-orkut {
    background: #d4dded !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px;
    height: 130px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: 1rem;
}

.preview-orkut-header {
    background: #c8d4e6;
    border-bottom: 1px solid #a3b8d4;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #ed2590;
}

.preview-orkut-body {
    display: flex;
    flex: 1;
    padding: 6px;
    gap: 6px;
}

.preview-orkut-sidebar {
    width: 60px;
    background: #ffffff;
    border: 1px solid #c4d2e7;
    border-radius: 4px;
}

.preview-orkut-chat {
    flex: 1;
    background: #ffffff;
    border: 1px solid #c4d2e7;
    border-radius: 4px;
}

/* ==========================================================================
   9. RESPONSIVIDADE E OTIMIZAÇÃO PARA SMARTPHONE (TEMA ORKUT)
   ========================================================================== */

/* Telas Médias e Tablets (max-width: 1024px) */
@media (max-width: 1024px) {
    [data-site-theme="orkut"] .chat-details-panel {
        display: none !important;
    }

    [data-site-theme="orkut"] .chat-app-container {
        max-width: 100% !important;
        gap: 0.75rem !important;
    }

    [data-site-theme="orkut"] .buddy-sidebar {
        width: 280px !important;
    }
}

@media (max-width: 900px) {
    [data-site-theme="orkut"] .admin-layout {
        flex-direction: column !important;
    }

    [data-site-theme="orkut"] .admin-sidebar {
        width: 100% !important;
        position: static !important;
        padding-bottom: 0.65rem !important;
    }

    [data-site-theme="orkut"] .admin-nav {
        flex-direction: row !important;
        overflow-x: auto !important;
        padding: 0.25rem 0.65rem !important;
    }

    [data-site-theme="orkut"] .admin-nav-item {
        width: auto !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }
}

/* Smartphones (max-width: 768px) */
@media (max-width: 768px) {
    /* 1. Cabeçalho Superior Compacto */
    [data-site-theme="orkut"] .site-header {
        padding: 0.25rem 0 !important;
    }

    [data-site-theme="orkut"] .header-container {
        padding: 0 0.5rem !important;
        gap: 0.4rem !important;
    }

    [data-site-theme="orkut"] .brand-logo .logo-text {
        font-size: 1.25rem !important;
    }

    [data-site-theme="orkut"] .brand-logo img {
        width: 26px !important;
        height: 26px !important;
    }

    [data-site-theme="orkut"] .header-user-badge {
        padding: 3px 6px !important;
        font-size: 0.78rem !important;
        height: 36px !important;
    }

    [data-site-theme="orkut"] .header-user-avatar {
        width: 20px !important;
        height: 20px !important;
    }

    [data-site-theme="orkut"] .header-icon-btn,
    [data-site-theme="orkut"] .btn-discrete-action {
        padding: 4px 6px !important;
        font-size: 0.82rem !important;
    }

    /* 2. Estrutura Principal do Chat no Smartphone */
    [data-site-theme="orkut"] .chat-app-container {
        flex-direction: column !important;
        height: var(--chat-container-height, calc(var(--vvh, 100dvh) - var(--header-height, 54px))) !important;
        max-height: var(--chat-container-height, calc(var(--vvh, 100dvh) - var(--header-height, 54px))) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        gap: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    body.keyboard-open [data-site-theme="orkut"] .chat-app-container,
    body.chat-input-focused [data-site-theme="orkut"] .chat-app-container {
        padding: 0 !important;
    }

    /* Ocultar 3ª coluna permanentemente em smartphones */
    [data-site-theme="orkut"] .chat-details-panel {
        display: none !important;
    }

    /* Estado 1: Lista de Amigos (quando não há conversa ativa selecionada) */
    [data-site-theme="orkut"] .buddy-sidebar {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        border-radius: 6px !important;
        margin: 0 !important;
        box-shadow: 0 1px 4px rgba(59, 89, 152, 0.1) !important;
        overflow: hidden !important;
    }

    [data-site-theme="orkut"] .contacts-scroll-area {
        flex: 1 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    [data-site-theme="orkut"] .chat-main-panel {
        display: none !important;
        flex-direction: column !important;
    }

    /* Estado 2: Janela de Conversa Ativa (.in-chat) */
    [data-site-theme="orkut"] .chat-app-container.in-chat .buddy-sidebar {
        display: none !important;
    }

    [data-site-theme="orkut"] .chat-app-container.in-chat .chat-main-panel {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100% !important;
        flex: 1 !important;
        border-radius: 6px !important;
        margin: 0 !important;
        box-shadow: 0 1px 4px rgba(59, 89, 152, 0.1) !important;
        overflow: hidden !important;
    }

    [data-site-theme="orkut"] #activeChatWindow {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Ocultar rodapé durante digitação ou conversa ativa para economizar espaço de tela */
    body.chat-input-focused [data-site-theme="orkut"] .site-footer,
    [data-site-theme="orkut"] .site-footer.mobile-keyboard-hidden,
    body:has(.chat-app-container.in-chat) [data-site-theme="orkut"] .site-footer {
        display: none !important;
    }

    /* 3. Botão Voltar para Contatos (Estilo Botão Orkut) */
    [data-site-theme="orkut"] .btn-mobile-back {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border: 1px solid #b2c5e0 !important;
        border-radius: 4px !important;
        color: #ed2590 !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        cursor: pointer !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        font-weight: 800 !important;
        flex-shrink: 0 !important;
        transition: all 0.15s ease !important;
    }

    [data-site-theme="orkut"] .btn-mobile-back:hover,
    [data-site-theme="orkut"] .btn-mobile-back:active {
        background: #fdf2f8 !important;
        border-color: #ed2590 !important;
        color: #ed2590 !important;
        transform: scale(0.94);
    }

    /* 4. Cabeçalho da Conversa Ativa */
    [data-site-theme="orkut"] .chat-window-header {
        padding: 0.4rem 0.6rem !important;
        gap: 0.35rem !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        min-height: 48px !important;
        flex-shrink: 0 !important;
    }

    [data-site-theme="orkut"] .chat-peer-info {
        gap: 0.4rem !important;
        min-width: 0 !important;
        flex: 1 !important;
        overflow: hidden !important;
    }

    [data-site-theme="orkut"] .chat-peer-avatar {
        width: 34px !important;
        height: 34px !important;
        flex-shrink: 0 !important;
    }

    [data-site-theme="orkut"] .chat-peer-name {
        font-size: 0.92rem !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    [data-site-theme="orkut"] .chat-peer-subnick {
        font-size: 0.72rem !important;
        line-height: 1.2 !important;
        max-width: 110px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    [data-site-theme="orkut"] .chat-toolbar-actions {
        gap: 3px !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    [data-site-theme="orkut"] .tool-action-btn,
    [data-site-theme="orkut"] .btn-chat-action,
    [data-site-theme="orkut"] .btn-more-dots,
    [data-site-theme="orkut"] .btn-close-chat {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0.85rem !important;
    }

    /* 5. Balões e Mural de Mensagens */
    [data-site-theme="orkut"] .chat-messages-container {
        flex: 1 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0.65rem 0.5rem !important;
        gap: 0.5rem !important;
    }

    [data-site-theme="orkut"] .bubble-content-col {
        max-width: 82% !important;
    }

    [data-site-theme="orkut"] .chat-bubble {
        max-width: 100% !important;
        padding: 0.5rem 0.7rem !important;
        font-size: 0.88rem !important;
        line-height: 1.35 !important;
    }

    [data-site-theme="orkut"] .msg-bubble-avatar {
        width: 28px !important;
        height: 28px !important;
    }

    /* 6. Barra de Digitação e Ferramentas no Smartphone */
    [data-site-theme="orkut"] .chat-input-bar,
    [data-site-theme="orkut"] .chat-input-area,
    [data-site-theme="orkut"] .chat-input-panel {
        padding: 0.4rem 0.5rem !important;
        flex-shrink: 0 !important;
    }

    [data-site-theme="orkut"] .chat-tools-row,
    [data-site-theme="orkut"] .chat-input-toolbar,
    [data-site-theme="orkut"] .chat-toolbar-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 5px !important;
        padding-bottom: 2px !important;
        margin-bottom: 0.35rem !important;
        align-items: center !important;
    }

    [data-site-theme="orkut"] .chat-tools-row::-webkit-scrollbar,
    [data-site-theme="orkut"] .chat-input-toolbar::-webkit-scrollbar,
    [data-site-theme="orkut"] .chat-toolbar-row::-webkit-scrollbar {
        display: none !important;
    }

    [data-site-theme="orkut"] .chat-tool-icon-btn,
    [data-site-theme="orkut"] .btn-toolbar-tool,
    [data-site-theme="orkut"] .btn-format-toggle {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        padding: 0 !important;
        font-size: 1.10rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border: 1px solid #c4d2e7 !important;
        border-radius: 5px !important;
        color: #1a365d !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: all 0.15s ease !important;
        flex-shrink: 0 !important;
    }

    [data-site-theme="orkut"] .chat-more-dropdown {
        right: 0 !important;
        max-width: calc(100vw - 20px) !important;
    }

    /* Gavetas e Popovers no Smartphone (Fixos sobre a barra, disposição unificada e aparencia Orkut) */
    [data-site-theme="orkut"] .emoji-picker-drawer:not(.hidden),
    [data-site-theme="orkut"] #emojiPickerModal:not(.hidden) {
        position: fixed !important;
        bottom: 72px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
        height: 320px !important;
        max-height: 48vh !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 35px rgba(59, 89, 152, 0.35) !important;
        background: #ffffff !important;
        border: 2px solid #b2c5e0 !important;
        border-radius: 8px !important;
        padding: 0 !important;
    }

    [data-site-theme="orkut"] .emoji-picker-drawer.hidden,
    [data-site-theme="orkut"] #emojiPickerModal.hidden {
        display: none !important;
    }

    [data-site-theme="orkut"] #emojiPickerModal .emoji-grid-content {
        display: grid !important;
        grid-template-columns: repeat(8, 1fr) !important;
        gap: 4px !important;
        padding: 0.5rem !important;
        overflow-y: auto !important;
        align-content: start !important;
        justify-items: center !important;
    }

    [data-site-theme="orkut"] #winksPickerModal:not(.hidden) {
        position: fixed !important;
        bottom: 75px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-width: 290px !important;
        display: grid !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
        background: #ffffff !important;
        border: 1px solid #b2c5e0 !important;
        border-radius: 8px !important;
    }

    [data-site-theme="orkut"] .color-palette-popover:not(.hidden),
    [data-site-theme="orkut"] #textColorPalette:not(.hidden) {
        position: fixed !important;
        bottom: 75px !important;
        left: 10px !important;
        display: flex !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
        background: #ffffff !important;
        border: 1px solid #b2c5e0 !important;
        border-radius: 8px !important;
    }

    [data-site-theme="orkut"] .ephemeral-popover:not(.hidden),
    [data-site-theme="orkut"] #ephemeralPopover:not(.hidden) {
        position: fixed !important;
        bottom: 75px !important;
        left: 10px !important;
        display: flex !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
        background: #ffffff !important;
        border: 1px solid #b2c5e0 !important;
        border-radius: 8px !important;
    }

    [data-site-theme="orkut"] .chat-input-row {
        gap: 0.4rem !important;
        align-items: flex-end !important;
    }

    [data-site-theme="orkut"] .chat-textarea,
    [data-site-theme="orkut"] .chat-input-textarea {
        font-size: 16px !important;
        padding: 0.45rem 0.65rem !important;
        border-radius: 4px !important;
        min-height: 40px !important;
        max-height: 95px !important;
    }

    [data-site-theme="orkut"] .btn-send-message {
        width: 44px !important;
        height: 40px !important;
        min-width: 44px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 1rem !important;
        border-radius: 4px !important;
    }

    /* 7. Perfil Superior na Lista de Contatos */
    [data-site-theme="orkut"] .my-profile-panel {
        padding: 0.65rem 0.75rem !important;
    }

    [data-site-theme="orkut"] .my-avatar {
        width: 44px !important;
        height: 44px !important;
    }

    [data-site-theme="orkut"] .my-name {
        font-size: 0.95rem !important;
    }

    [data-site-theme="orkut"] .my-subnick-input {
        font-size: 16px !important;
        padding: 3px 6px !important;
    }

    /* 8. Lista e Busca de Amigos */
    [data-site-theme="orkut"] .sidebar-search-box {
        padding: 0.45rem 0.65rem !important;
    }

    [data-site-theme="orkut"] .sidebar-search-input,
    [data-site-theme="orkut"] #searchContactsInput {
        font-size: 16px !important;
        padding: 0.45rem 0.65rem !important;
    }

    [data-site-theme="orkut"] .contact-item {
        padding: 0.65rem 0.75rem !important;
        min-height: 52px !important;
    }

    [data-site-theme="orkut"] .contact-avatar {
        width: 38px !important;
        height: 38px !important;
    }

    [data-site-theme="orkut"] .contact-name {
        font-size: 0.92rem !important;
    }

    /* 9. Chamadas WebRTC no Smartphone */
    [data-site-theme="orkut"] .active-call-overlay.hidden,
    [data-site-theme="orkut"] #activeCallOverlay.hidden {
        display: none !important;
    }

    [data-site-theme="orkut"] .active-call-overlay:not(.hidden):not(.call-pip-minimized) {
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        max-width: 100vw !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    [data-site-theme="orkut"] .active-call-overlay:not(.hidden):not(.call-pip-minimized) .call-stage-area {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    [data-site-theme="orkut"] .active-call-overlay:not(.hidden):not(.call-pip-minimized) .call-controls-bar {
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 auto !important;
        border-radius: 0 !important;
        border: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
    }

    [data-site-theme="orkut"] .active-call-overlay:not(.hidden):not(.call-pip-minimized) .call-btn {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.15rem !important;
    }

    /* 10. Páginas Estáticas e Formulários (Login, Sobre, Contato) */
    [data-site-theme="orkut"] .page-container {
        margin: 0.75rem auto !important;
        padding: 0 0.5rem !important;
    }

    [data-site-theme="orkut"] .page-card {
        padding: 1.25rem 1rem !important;
        border-radius: 6px !important;
    }

    [data-site-theme="orkut"] .page-card h1 {
        font-size: 1.45rem !important;
    }

    [data-site-theme="orkut"] .page-card h2 {
        font-size: 1.2rem !important;
    }

    [data-site-theme="orkut"] input,
    [data-site-theme="orkut"] select,
    [data-site-theme="orkut"] textarea,
    [data-site-theme="orkut"] .form-control {
        font-size: 16px !important;
    }

    /* 11. Painel de Administração no Smartphone */
    [data-site-theme="orkut"] .admin-layout {
        flex-direction: column !important;
        padding: 0.5rem !important;
        margin: 0.5rem auto !important;
        gap: 0.75rem !important;
    }

    [data-site-theme="orkut"] .admin-sidebar {
        width: 100% !important;
        position: static !important;
        padding-bottom: 0.65rem !important;
    }

    [data-site-theme="orkut"] .admin-nav {
        flex-direction: row !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0.25rem 0.65rem !important;
        gap: 0.4rem !important;
    }

    [data-site-theme="orkut"] .admin-nav-item {
        width: auto !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        padding: 0.5rem 0.75rem !important;
    }

    [data-site-theme="orkut"] .admin-nav-item:hover {
        transform: none !important;
    }

    [data-site-theme="orkut"] .admin-section-header {
        padding: 0.85rem 1rem !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.65rem !important;
    }

    [data-site-theme="orkut"] .admin-section-title {
        font-size: 1.15rem !important;
    }

    [data-site-theme="orkut"] .admin-card {
        padding: 1rem !important;
    }

    [data-site-theme="orkut"] .admin-card-header {
        margin: -1rem -1rem 1rem -1rem !important;
        padding: 0.65rem 1rem !important;
    }

    [data-site-theme="orkut"] .admin-theme-footer-bar {
        margin: 1rem -1rem -1rem -1rem !important;
        padding: 0.85rem 1rem !important;
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
    }

    [data-site-theme="orkut"] .metrics-grid {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }

    /* 12. Modais no Smartphone (Perfil do Usuário, Livro de Recados e Biscoito da Sorte) */
    [data-site-theme="orkut"] .modal-overlay {
        padding: 0.5rem !important;
    }

    [data-site-theme="orkut"] .modal-card {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 90vh !important;
        border-radius: 8px !important;
        margin: 0 !important;
    }

    [data-site-theme="orkut"] .modal-header {
        padding: 0.65rem 0.85rem !important;
    }

    [data-site-theme="orkut"] .modal-body {
        padding: 0.85rem !important;
        max-height: 75vh !important;
    }
}

/* ==========================================================================
   13. ADAPTAÇÃO DAS NOVAS FUNÇÕES AO TEMA ORKUT RETRÔ
   ========================================================================== */

/* 1. Mensagens Fixadas (Pinned Message Banner & Badges) */
[data-site-theme="orkut"] #pinnedMessageBanner {
    background: #eef3fb !important;
    border-bottom: 2px solid #b2c5e0 !important;
}

[data-site-theme="orkut"] #pinnedMessageBanner:hover {
    background: #e4ebf7 !important;
}

[data-site-theme="orkut"] .pinned-banner-label {
    color: #ed2590 !important;
    font-weight: 800 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.4px !important;
}

[data-site-theme="orkut"] .pinned-banner-snippet {
    color: #1a365d !important;
    font-size: 0.84rem !important;
}

[data-site-theme="orkut"] .btn-unpin-banner {
    color: #556677 !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .btn-unpin-banner:hover {
    color: #ed2590 !important;
    background: #fcebf4 !important;
}

[data-site-theme="orkut"] .msg-pinned-badge,
[data-site-theme="orkut"] .msg-pinned-tag {
    background: #fcebf4 !important;
    border: 1px solid #f4b4d6 !important;
    color: #ed2590 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .btn-msg-action.btn-action-pin.active {
    color: #ed2590 !important;
    background: #fcebf4 !important;
}

/* 2. Registro de Chamadas no Chat (Call Log) */
[data-site-theme="orkut"] .msg-call-log-badge {
    background: #f4f7fc !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 4px rgba(59, 89, 152, 0.08) !important;
}

[data-site-theme="orkut"] .call-log-title {
    color: #1a365d !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .call-log-time {
    color: #556677 !important;
}

[data-site-theme="orkut"] .btn-call-back-chip {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #bf186e !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgba(196, 23, 116, 0.25) !important;
}

[data-site-theme="orkut"] .btn-call-back-chip:hover {
    background: #c41774 !important;
    color: #ffffff !important;
}

/* 3. Vídeo-Nota em Bolha Redonda e Gravador */
[data-site-theme="orkut"] .msg-video-note-bubble {
    border: 3px solid #ed2590 !important;
    box-shadow: 0 4px 14px rgba(237, 37, 144, 0.35) !important;
}

[data-site-theme="orkut"] .video-note-unmute-btn {
    background: #ed2590 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

[data-site-theme="orkut"] .video-note-unmute-btn:hover {
    background: #c41774 !important;
}

[data-site-theme="orkut"] .video-note-bubble-preview-box {
    border: 3px solid #ed2590 !important;
    box-shadow: 0 4px 18px rgba(237, 37, 144, 0.4) !important;
}

[data-site-theme="orkut"] .video-note-timer-ring .ring-bg {
    stroke: rgba(237, 37, 144, 0.2) !important;
}

[data-site-theme="orkut"] .video-note-timer-ring .ring-progress {
    stroke: #ed2590 !important;
}

[data-site-theme="orkut"] #videoNoteModal .btn-primary {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #bf186e !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

/* 4. Popover de Mensagens Temporárias & Badges */
[data-site-theme="orkut"] #ephemeralPopover {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.2) !important;
}

[data-site-theme="orkut"] .ephemeral-popover-header {
    background: #e4ebf5 !important;
    color: #1a365d !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #c4d2e7 !important;
}

[data-site-theme="orkut"] .ephemeral-opt-btn {
    color: #1a365d !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .ephemeral-opt-btn:hover {
    background: #fcebf4 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .ephemeral-opt-btn.active {
    background: #ed2590 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .msg-ephemeral-badge {
    background: #fef3c7 !important;
    border: 1px solid #fde68a !important;
    color: #b45309 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

/* 5. Lousa Virtual Interativa */
[data-site-theme="orkut"] .whiteboard-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] .whiteboard-toolbar {
    background: #e4ebf5 !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .wb-size-btn {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .wb-size-btn.active {
    background: #ed2590 !important;
    border-color: #bf186e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .whiteboard-canvas-container {
    border: 2px solid #b2c5e0 !important;
    border-radius: 4px !important;
}

/* 6. Galeria de Mídias Compartilhadas */
[data-site-theme="orkut"] .media-gallery-modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] .media-gallery-tabs {
    border-bottom: 2px solid #c4d2e7 !important;
}

[data-site-theme="orkut"] .mg-tab {
    background: transparent !important;
    color: #1a365d !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

[data-site-theme="orkut"] .mg-tab:hover {
    background: #fcebf4 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .mg-tab.active {
    background: #ed2590 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .mg-item-thumb {
    border: 2px solid #d4dded !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .mg-item-thumb:hover {
    border-color: #ed2590 !important;
}

[data-site-theme="orkut"] .mg-list-item {
    background: #f4f7fc !important;
    border: 1px solid #c4d2e7 !important;
    border-radius: 4px !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .mg-list-item:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
}

/* 7. Player do YouTube & Modo Minimizado (PIP) */
[data-site-theme="orkut"] #musicVideoModal .modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] #musicVideoModal.music-pip-minimized .modal-card {
    background: #ffffff !important;
    border: 2px solid #ed2590 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(59, 89, 152, 0.3) !important;
}

[data-site-theme="orkut"] #musicVideoModal.music-pip-minimized .modal-header {
    background: #e4ebf5 !important;
    border-bottom: 1px solid #c4d2e7 !important;
}

[data-site-theme="orkut"] #musicVideoModal.music-pip-minimized #musicVideoModalTitle {
    color: #ed2590 !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] #btnMinimizeMusicVideo {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] #btnMinimizeMusicVideo:hover {
    background: #fcebf4 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] #btnSyncWatchParty {
    background: var(--orkut-btn-pink) !important;
    color: #ffffff !important;
    border: 1px solid #bf186e !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

/* 8. Modal e Botão de Convidar Amigo */
[data-site-theme="orkut"] #inviteFriendModal .modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
}

[data-site-theme="orkut"] #inviteLinkInput {
    background: #f4f7fc !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] #btnCopyInviteLink {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #bf186e !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] #btnCopyInviteLink:hover {
    background: #c41774 !important;
}

[data-site-theme="orkut"] .btn-invite-friend {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #bf186e !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

[data-site-theme="orkut"] .btn-invite-friend:hover {
    background: #c41774 !important;
}

/* 9. Modal de Gravação de Mensagem de Voz (Estilo Orkut Retrô) */
[data-site-theme="orkut"] #audioRecordModal .modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(59, 89, 152, 0.25) !important;
}

[data-site-theme="orkut"] #audioRecordModal .modal-header {
    background: #e4ebf5 !important;
    border-bottom: 2px solid #c4d2e7 !important;
}

[data-site-theme="orkut"] #audioRecordModal .modal-header h3 {
    color: #ed2590 !important;
    font-weight: 800 !important;
}

[data-site-theme="orkut"] .audio-record-pulse-circle {
    border: 2px solid #ed2590 !important;
    background: radial-gradient(circle at 35% 35%, rgba(237, 37, 144, 0.18), rgba(237, 37, 144, 0.04)) !important;
    box-shadow: 0 4px 16px rgba(237, 37, 144, 0.25) !important;
}

[data-site-theme="orkut"] .audio-record-pulse-circle.recording {
    border-color: #ef4444 !important;
    background: radial-gradient(circle at 35% 35%, rgba(239, 68, 68, 0.28), rgba(239, 68, 68, 0.08)) !important;
    box-shadow: 0 0 25px rgba(239, 68, 68, 0.5) !important;
}

[data-site-theme="orkut"] .audio-preview-card-controls {
    background: #f4f7fc !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .btn-audio-preview-play {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #bf186e !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(196, 23, 116, 0.3) !important;
}

[data-site-theme="orkut"] #audioProgressBarFill {
    background: #ed2590 !important;
}

[data-site-theme="orkut"] #btnSendAudioRecord {
    background: var(--orkut-btn-pink) !important;
    border: 1px solid #bf186e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(196, 23, 116, 0.3) !important;
}

[data-site-theme="orkut"] #btnSendAudioRecord:hover {
    background: #c41774 !important;
}

/* Paleta de Cores e Swatches Estilo Orkut */
[data-site-theme="orkut"] .color-palette-popover {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    box-shadow: 0 4px 16px rgba(59, 89, 152, 0.2) !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .color-swatch {
    border: 1px solid #b2c5e0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

/* Depoimentos no Tema Orkut */
[data-site-theme="orkut"] #userProfileModal .modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(59, 89, 152, 0.25) !important;
}

[data-site-theme="orkut"] .testimonial-card.approved-card {
    background: #f7f9fd !important;
    border: 1px solid #c4d2e7 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .testimonial-card.pending-card {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .hidden,
[data-site-theme="orkut"] .emoji-picker-drawer.hidden,
[data-site-theme="orkut"] #emojiPickerModal.hidden,
[data-site-theme="orkut"] #winksPickerModal.hidden,
[data-site-theme="orkut"] .color-palette-popover.hidden,
[data-site-theme="orkut"] #textColorPalette.hidden,
[data-site-theme="orkut"] .ephemeral-popover.hidden,
[data-site-theme="orkut"] #ephemeralPopover.hidden,
[data-site-theme="orkut"] #audioRecordModal.hidden,
[data-site-theme="orkut"] #chatPinModal.hidden,
[data-site-theme="orkut"] #createGroupModal.hidden,
[data-site-theme="orkut"] #groupInfoModal.hidden,
[data-site-theme="orkut"] #deleteMessageModal.hidden {
    display: none !important;
}

/* Modal Excluir Mensagem - Orkut Retrô */
[data-site-theme="orkut"] #deleteMessageModal .modal-card,
[data-site-theme="orkut"] .delete-message-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(59, 89, 152, 0.25) !important;
}

[data-site-theme="orkut"] #deleteMessageModal .modal-header {
    background: #e4ebf5 !important;
    border-bottom: 1px solid #c4d2e7 !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] #deleteMessageModal #btnDeleteMsgForEveryone {
    background: #ef4444 !important;
    border: 1px solid #dc2626 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] #deleteMessageModal #btnDeleteMsgForEveryone:hover {
    background: #dc2626 !important;
}

[data-site-theme="orkut"] #deleteMessageModal #btnDeleteMsgForMe {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

[data-site-theme="orkut"] #deleteMessageModal #btnDeleteMsgForMe:hover {
    background: #fdf2f8 !important;
    border-color: #ed2590 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] #deleteMessageModal .btn-outline {
    background: #f4f7fc !important;
    border: 1px solid #c4d2e7 !important;
    color: #556677 !important;
    border-radius: 4px !important;
}

/* Modais de PIN e Grupos - Orkut Retrô */
[data-site-theme="orkut"] #chatPinModal .modal-card,
[data-site-theme="orkut"] #createGroupModal .modal-card,
[data-site-theme="orkut"] #groupInfoModal .modal-card {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(59, 89, 152, 0.25) !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] #chatPinModal .modal-header,
[data-site-theme="orkut"] #createGroupModal .modal-header,
[data-site-theme="orkut"] #groupInfoModal .modal-header {
    background: #e4ebf5 !important;
    border-bottom: 1px solid #c4d2e7 !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .picker-tab-btn.active {
    background: #ed2590 !important;
    color: #ffffff !important;
    border-color: #ed2590 !important;
}

[data-site-theme="orkut"] .btn-transcribe-audio {
    background: #f4f7fc !important;
    border: 1px solid #c4d2e7 !important;
    color: #1a365d !important;
}

[data-site-theme="orkut"] .btn-transcribe-audio:hover {
    background: #e4ebf5 !important;
    color: #ed2590 !important;
}

/* ==========================================================================
   NOTIFICAÇÕES FLUTUANTES (CARD MODULAR RETRÔ)
   ========================================================================== */
[data-site-theme="orkut"] .duchat-toast,
[data-site-theme="orkut"] #themeToastNotification.duchat-toast {
    background: linear-gradient(180deg, #f0f4fa 0%, #ffffff 42%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 20px rgba(59, 89, 152, 0.22) !important;
    padding: 34px 14px 12px 14px !important;
    overflow: hidden !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    color: #222222 !important;
}

[data-site-theme="orkut"] .duchat-toast::before,
[data-site-theme="orkut"] #themeToastNotification.duchat-toast::before {
    content: "💬 DuChat";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 24px;
    background: linear-gradient(90deg, #ed2590 0%, #d81b7a 45%, #6d84b4 100%);
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 32px 0 10px;
    border-bottom: 1px solid #b2c5e0;
    pointer-events: none;
    z-index: 1;
}

[data-site-theme="orkut"] .duchat-toast .toast-close-btn,
[data-site-theme="orkut"] #themeToastNotification .toast-close-btn {
    top: 3px !important;
    right: 5px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    transform: none !important;
}

[data-site-theme="orkut"] .duchat-toast .toast-close-btn:hover,
[data-site-theme="orkut"] #themeToastNotification .toast-close-btn:hover {
    background: #ed2590 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

[data-site-theme="orkut"] .duchat-toast .toast-avatar {
    border-radius: 4px !important;
    border: 1px solid #b2c5e0 !important;
    padding: 2px !important;
    background: #ffffff !important;
}

[data-site-theme="orkut"] .duchat-toast .toast-content strong,
[data-site-theme="orkut"] #themeToastNotification .toast-content strong {
    color: #1a365d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, sans-serif !important;
}

[data-site-theme="orkut"] .duchat-toast .toast-content p,
[data-site-theme="orkut"] #themeToastNotification .toast-content p {
    color: #334155 !important;
    font-size: 11px !important;
    font-family: Verdana, Arial, sans-serif !important;
}

[data-site-theme="orkut"] .duchat-toast .toast-actions .btn {
    border-radius: 4px !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
}

[data-site-theme="orkut"] .duchat-toast .toast-actions .btn-primary {
    background: linear-gradient(180deg, #f44ca6 0%, #ed2590 100%) !important;
    border: 1px solid #c51772 !important;
    color: #ffffff !important;
}

/* 13. Seletor de Emojis e Figurinhas Estilo Orkut Retrô */
[data-site-theme="orkut"] #emojiPickerModal,
[data-site-theme="orkut"] .emoji-picker-drawer {
    background: #ffffff !important;
    border: 2px solid #b2c5e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 20px rgba(59, 89, 152, 0.18) !important;
}

[data-site-theme="orkut"] #emojiPickerModal.hidden,
[data-site-theme="orkut"] .emoji-picker-drawer.hidden {
    display: none !important;
}

[data-site-theme="orkut"] #emojiPickerModal .emoji-grid-content:not(.hidden),
[data-site-theme="orkut"] #emojiPickerModal #emojiStandardContainer:not(.hidden) {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 4px !important;
}

[data-site-theme="orkut"] #emojiPickerModal .emoji-grid-content.hidden,
[data-site-theme="orkut"] #emojiPickerModal #emojiStandardContainer.hidden {
    display: none !important;
}

[data-site-theme="orkut"] #emojiPickerModal .emoji-stickers-content:not(.hidden),
[data-site-theme="orkut"] #emojiPickerModal #emojiStickersContainer:not(.hidden) {
    display: flex !important;
    flex-direction: column !important;
}

[data-site-theme="orkut"] #emojiPickerModal .emoji-stickers-content.hidden,
[data-site-theme="orkut"] #emojiPickerModal #emojiStickersContainer.hidden {
    display: none !important;
}

[data-site-theme="orkut"] .emoji-picker-tabs {
    background: linear-gradient(to bottom, #f0f4fa 0%, #dbe4f2 100%) !important;
    border-bottom: 2px solid #b2c5e0 !important;
    border-radius: 6px 6px 0 0 !important;
}

[data-site-theme="orkut"] .picker-tab-btn {
    font-family: Verdana, Arial, sans-serif !important;
    color: #1a365d !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}

[data-site-theme="orkut"] .picker-tab-btn:hover {
    background: #fcebf4 !important;
    color: #ed2590 !important;
}

[data-site-theme="orkut"] .picker-tab-btn.active {
    background: var(--orkut-btn-pink, #ed2590) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 1px solid #c41774 !important;
    box-shadow: 0 2px 6px rgba(237, 37, 144, 0.3) !important;
}

[data-site-theme="orkut"] .picker-close-btn {
    background: #f0f4fa !important;
    border: 1px solid #b2c5e0 !important;
    color: #1a365d !important;
    border-radius: 50% !important;
}

[data-site-theme="orkut"] .picker-close-btn:hover {
    background: #ed2590 !important;
    border-color: #c41774 !important;
    color: #ffffff !important;
}

[data-site-theme="orkut"] .emoji-cell:hover {
    background: #fcebf4 !important;
    border-color: #f4b4d6 !important;
    border-radius: 4px !important;
}

[data-site-theme="orkut"] .stickers-header-actions {
    background: #f4f7fc !important;
    border-bottom: 1px solid #b2c5e0 !important;
}

[data-site-theme="orkut"] .btn-upload-sticker {
    background: var(--orkut-btn-pink, #ed2590) !important;
    border: 1px solid #c41774 !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 700 !important;
}

[data-site-theme="orkut"] .btn-upload-sticker:hover {
    background: #c41774 !important;
}

[data-site-theme="orkut"] .sticker-cell {
    background: #f7f9fd !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 6px !important;
}

[data-site-theme="orkut"] .sticker-cell:hover {
    border-color: #ed2590 !important;
    background: #fffafd !important;
}

/* Botão Flutuante de Rolar para o Final da Conversa - Estilo Retrô Orkut */
[data-site-theme="orkut"] .btn-scroll-bottom,
[data-theme="orkut"] .btn-scroll-bottom {
    background: #ffffff !important;
    border: 1px solid #b2c5e0 !important;
    border-radius: 4px !important;
    color: #ed2590 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12), inset 0 1px 0 #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-site-theme="orkut"] .btn-scroll-bottom:hover,
[data-theme="orkut"] .btn-scroll-bottom:hover {
    background: linear-gradient(to bottom, #f348a6 0%, #ed2590 50%, #c41774 100%) !important;
    border-color: #bf186e !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(237, 37, 144, 0.45) !important;
}

[data-site-theme="orkut"] .btn-scroll-bottom:active,
[data-theme="orkut"] .btn-scroll-bottom:active {
    background: linear-gradient(to bottom, #c41774 0%, #ed2590 100%) !important;
}