/* Precise 30/70 split override */
    .col-sidebar { width: 30%; }
    .col-working { width: 70%; }

    @media (max-width: 768px) {
      /* On mobile, stack them vertically at 100% width */
      .col-sidebar, .col-working { width: 100%; }
    }
    /* Sidebar transparency for background image visibility */
    .bg-dark {
        background-color: rgba(33, 37, 41, 0.85) !important; /* Semi-transparent */
        backdrop-filter: blur(10px); /* Modern frosted-glass effect */
    }

    /* List Item Hover Effects */
    .list-group-item-action:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    .list-group-item.active {
        background-color: #0d6efd; /* Bootstrap primary blue */
        border-color: #0d6efd;
    }

    /* Ensure the sidebar takes full height */
    .vh-100 {
        height: 100vh;
    }    
    
    h1, .btn {
        font-family: 'Montserrat', sans-serif; 
    }

    div p {
        background-color: linen;
        margin: 10px;
        font-family: 'Inter', sans-serif; 
        
    }
    
    .public {
        background-color: whitesmoke;
        margin: 5px;
        padding: 0 0 0 0;
        font-family: 'Lora', serif;
    }
    
    .btn-restaurar { cursor: pointer; padding: 5px 10px; }
    .editor-wrapper { margin-bottom: 20px; font-family: sans-serif; }
    .minha-div { 
        border: 1px solid #ccc; padding: 15px; min-height: 100px; 
        background: #fff; margin-bottom: 5px; line-height: 1.6;
    }
    .ref-highlight { 
        background-color: #ffeb3b; 
        color: #000; 
        padding: 0 3px;
        border-radius: 3px; 
        font-weight: bold; 
        border: 1px solid #fbc02d;
    }
     /* Novo estilo para o texto em « » */
    .citacao-highlight {
     //   background-color: #e3f2fd;
        color: #1565c0;
        padding: 2px 4px;
     //   border-bottom: 2px solid #90caf9;
        font-style: italic;
        position: relative;
        /*display: inline-block;*/
    }
    /* Estilo do Ícone de Cópia */
    .copy-icon {
        cursor: pointer;
        margin-left: 5px;
        font-style: normal; /* Para não ficar em itálico */
        font-size: 0.9em;
        opacity: 0.6;
        transition: opacity 0.2s;
        user-select: none; /* Impede que o ícone seja selecionado como texto */
    }
    .copy-icon:hover { opacity: 1; color: #0d47a1; }
    /* Feedback de sucesso */
    .copy-success { color: #2e7d32 !important; font-weight: bold; }    
    /*
    *  Button UNDO 
    */
    .btn-editor {
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        color: #495057;
        padding: 6px 12px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    }

    .btn-editor:hover:not(:disabled) {
        background-color: #e9ecef;
        border-color: #adb5bd;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transform: translateY(-1px);
    }

    .btn-editor:active:not(:disabled) {
        transform: translateY(0);
        box-shadow: none;
    }

    /* Estado quando não há mais histórico */
    .btn-editor:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        filter: grayscale(1);
    }

    .undo-icon {
        font-size: 1.1em;
        line-height: 1;
    }

    .redo-icon {
        font-size: 1.1em;
        line-height: 1;
    }

    .btn-icon {
        font-size: 1.6em;
        line-height: 1;
    }