/* BOTÕES EXPANSÍVEIS ELEGANTES */
        .btn-collapse {
            display: inline-flex; align-items: center; height: 36px; max-width: 36px; 
            padding: 0; border-radius: 10px; overflow: hidden; white-space: nowrap; 
            transition: max-width 0.4s cubic-bezier(0.25, 1, 0.5, 1), padding 0.4s, background-color 0.2s, transform 0.2s, box-shadow 0.2s;
            cursor: pointer; border: 1px solid transparent; font-family: inherit;
        }
        .btn-collapse i { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1rem; }
        .btn-collapse span { opacity: 0; font-size: 0.85rem; font-weight: 700; transition: opacity 0.2s ease; padding-right: 12px; margin-left: -4px;}
        .btn-collapse:hover { max-width: 160px; transform: translateY(-2px); box-shadow: var(--shadow-md);}
        .btn-collapse:hover span { opacity: 1; transition-delay: 0.1s; }
        .btn-collapse:active { transform: translateY(0); box-shadow: var(--shadow-sm); }
        .btn-collapse:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; box-shadow: none !important; background: var(--text-sec); border-color: var(--border); }
        .btn-collapse:disabled:hover { max-width: 36px; }

        .btn-outline { border-color: var(--border); color: var(--text-main); background: var(--bg-card); }
        .btn-outline:hover { background: var(--bg-dark); border-color: var(--text-sec); }
        .btn-danger { background: var(--danger); color: white; }
        .btn-danger:hover { background: #dc2626; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: var(--primary-hover); }
        .btn-success { background: var(--success); color: white; }
        .btn-success:hover { background: #059669; }

        /* BOTOES NORMAIS PARA MODAIS */
        .btn { background: var(--primary); color: white; border: none; padding: 10px 18px; border-radius: 10px; font-weight: 700; font-size: 0.85rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: var(--shadow-sm); transition: 0.2s;}
        .btn:hover { background: var(--primary-hover); transform: translateY(-2px); box-shadow: var(--shadow-md);}
        .btn-success-solid { background: var(--success); } .btn-success-solid:hover { background: #059669; }
        .btn-danger-solid { background: var(--danger); } .btn-danger-solid:hover { background: #dc2626; }
        .btn-outline-solid { background: transparent; border: 1.5px solid var(--border); color: var(--text-main); box-shadow: none;} .btn-outline-solid:hover{ background: var(--bg-card); }
        .btn-icon { background: var(--bg-card); color: var(--text-main); width: 38px; height: 38px; padding: 0; border: 1px solid var(--border); border-radius: 10px; }
        .btn-icon:hover { background: var(--bg-dark); color: var(--primary); border-color: var(--primary); }
        .btn-icon.active-toggle { background: rgba(59, 130, 246, 0.15); border-color: var(--primary); color: var(--primary); }