/*  ==============================================================================================================================
    [ FILTER ]
    ============================================================================================================================== */

    .filter-section {
        margin-top: 20px;
        background: #fff;
        border: 1px solid var(--color-border-default);
        border-radius: 2px; /* sempre 2px como padrão */
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        padding: 12px 16px;
      }
      
      .filter-section-header {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: var(--color-text-strong);
        margin-bottom: 6px;
        letter-spacing: 0.5px;
      }
      
      .filter-section-header i {
        margin-right: 6px;
        color: var(--color-primary);
        font-size: 14px;
      }
      
      .filter-section-body {
        margin-top: 10px;
      }
      
      .filter-section-body .grid-row {
        margin-bottom: 10px;
      }
      
      /* Ajuste nos labels para ficarem mais clean */
      .filter-section-body label {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-default);
        margin-bottom: 4px;
        display: block;
      }

      /* ====================================================================== */
      /* [ FILTER – MOBILE BUTTON ADJUST ] */
      /* Make internal action buttons larger on mobile */
      /* ====================================================================== */

      @media (max-width: 768px) {

        #form_id_filter button {
          width: 100%;
          padding: 12px 14px;
          font-size: 14px;
          min-height: 44px;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        #form_id_filter button i {
          margin-right: 8px;
          font-size: 14px;
        }

      }