/* 
 * responsive.css - Regras específicas de responsividade
 * Complementa as regras já definidas em main.css
 */

/* ===== MOBILE - 768px ===== */
@media (max-width: 768px) {
    /* Layout mobile específico */
    body.conversation-active #back-to-list {
        display: inline-flex !important;
    }
    
    /* Ajustes de espaçamento mobile */
    .conversation-item {
        padding: 15px;
    }
    
    /* Notificações mobile */
    .search-notification {
        top: 10px !important;
        right: 10px !important;
        left: 10px !important;
        min-width: auto !important;
        max-width: calc(100vw - 20px) !important;
    }
    
    /* Modais mobile */
    .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px);
    }
    
    /* Lista de conversas mobile */
    .conversations-list {
        max-height: calc(100vh - 160px);
    }
    
    /* Botões de anexo mobile */
    .btn-attachment {
        padding: 10px;
    }
    
    .btn-attachment i {
        font-size: 1.2rem;
        margin-bottom: 3px;
    }
    
    .btn-attachment span {
        font-size: 0.75rem;
    }
}

/* ===== TABLETS - 769px a 1024px ===== */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Sidebar tablet */
    #conversations-column {
        min-width: 320px;
        max-width: 380px;
    }
    
    /* Ajustes para tablets em modo paisagem */
    .message-content {
        max-width: 75%;
    }
}

/* ===== MOBILE PEQUENO - 480px ===== */
@media (max-width: 480px) {
    /* Ajustes extremos para telas muito pequenas */
    .header-actions {
        gap: 2px !important;
    }
    
    .conversation-item {
        padding: 12px 10px;
    }
    
    .conversation-item .contact-name {
        max-width: 45%;
    }
    
    .conversation-item .last-message {
        max-width: calc(100% - 70px);
    }
    
    /* Mensagens mobile pequeno */
    .message-content {
        padding: 5px 8px;
        max-width: 90%;
    }
    
    /* Campo de input mobile pequeno */
    #message-input-container {
        padding: 6px 8px;
    }
}

/* ===== ORIENTAÇÃO PAISAGEM MOBILE ===== */
@media (max-height: 500px) and (orientation: landscape) {
    /* Ajustes para altura reduzida */
    :root {
        --header-height: 50px;
    }
    
    .conversations-list {
        max-height: calc(100vh - 140px);
    }
    
    #messages-list {
        padding: 0.5rem;
    }
}

/* ===== DESKTOP GRANDE - 1440px+ ===== */
@media (min-width: 1440px) {
    /* Limitar largura máxima em telas muito grandes */
    #conversations-column {
        max-width: 420px;
    }
    
    .message-content {
        max-width: 600px;
    }
}

/* ===== PRINT ===== */
@media print {
    /* Esconder elementos não essenciais na impressão */
    #toolbar-column,
    .header-actions,
    #message-input-container,
    .btn-icon,
    .search-container {
        display: none !important;
    }
    
    /* Ajustar layout para impressão */
    #conversations-column {
        width: 100%;
        max-width: 100%;
    }
    
    .conversation-item {
        page-break-inside: avoid;
    }
    
    .message-item {
        page-break-inside: avoid;
    }
}